<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pro Reviewer (My Free Review) &#187; Web Applications</title>
	<atom:link href="http://proreviewer.com/category/web-applications/feed/" rel="self" type="application/rss+xml" />
	<link>http://proreviewer.com</link>
	<description>THE NEWS YOU WANT - THE DETAILS YOU NEED + HINTS &#38; TIPS ON - FREE SOFTWARE - DIGITAL ELECTRONICS - GADGETS - INNOVATION - TECHNOLOGY</description>
	<lastBuildDate>Sat, 20 Feb 2010 20:32:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create Your Own Icons on the Web</title>
		<link>http://proreviewer.com/2008/02/17/create-icons-web/</link>
		<comments>http://proreviewer.com/2008/02/17/create-icons-web/#comments</comments>
		<pubDate>Sun, 17 Feb 2008 20:52:25 +0000</pubDate>
		<dc:creator>Barry Cleave</dc:creator>
				<category><![CDATA[Web Applications]]></category>
		<category><![CDATA[Freeware]]></category>
		<category><![CDATA[Freeware Utilities]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[Impartial Review]]></category>
		<category><![CDATA[Independent Review]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[Web Application]]></category>
		<category><![CDATA[Web Utility]]></category>

		<guid isPermaLink="false">http://myfreereview.com/2008/02/17/create-icons-web/</guid>
		<description><![CDATA[There are  several websites offering an online web service, one that I have used recently to create the "Favicon" for this websites is at RealWorld Graphics. This is a quick way of creating a basic icon (*.ico) file. You can select colours and draw your own icon of you can upload a picture for it to interpret into an icon.]]></description>
			<content:encoded><![CDATA[<h3>What Does it Do &#8211; The Essentials?</h3>
<p><a href="http://myfreereview.com/wp-content/uploads/2008/02/webicon.jpg" target="_blank" target="_blank"><img src="http://myfreereview.com/wp-content/uploads/2008/02/webicon-thumb.jpg" style="border-width: 0px" alt="webicon" border="0" height="86" width="92" /></a></p>
<p>There are  several websites offering an online web service, one that I have used recently to create the &#8220;Favicon&#8221; for this website is at <a href="http://www.rw-designer.com/online_icon_maker.php" target="_blank" target="_blank">RealWorld Graphics</a>. This is a quick way of creating a basic icon (*.ico) file. You can select colours and draw your own icon of you can upload a picture for it to interpret into an icon.  I am not saying that this is the best available website for icon creation, but I have tried a couple of others and I found this one easy to use and smooth in its operation.  (Any suggestions for better web based applications will be gratefully received in the comments!)<span id="more-294"></span></p>
<h3>Summary:</h3>
<ul>
<li>Draw Icon with your mouse</li>
<li>Select colours from an extensive palette</li>
<li>Upload a file to convert to an icon</li>
<li>Save finished icon to your PC</li>
</ul>
<h5>rw-designer.com has this to say:</h5>
<blockquote>
<h3>How to use it:</h3>
<ul>
<li>Select one of basic colors by clicking on a color square on the right side of the window.</li>
<li>Erase pixels by drawing with transparent color (checkboard) or erase the entire canvas by clicking the Clear Canvas toolbar button.</li>
<li>Select a custom color by typing its hexadecimal web color code to the box under the default colors and click the &#8216;Set&#8217; button</li>
<li>Choose drawing tool by clicking a button in the toolbar:
<ul>
<li>&#8220;Pencil&#8221; is changing colors of pixels when a mouse is moving over the canvas while the left button is pressed.</li>
<li>&#8220;Lines&#8221; draws a line from the point where the mouse button was pressed to the point where it was released.</li>
<li>&#8220;Dropper&#8221; allows to set current color from an icon&#8217;s pixel.</li>
</ul>
</li>
<li>Create favicon from a jpg or png picture using the box under the editor window. (Alpha channel is not supported.)</li>
<li>Download your new icon by simply clicking the &#8216;Download Icon&#8217; button in the toolbar.</li>
</ul>
</blockquote>
<p>They also point to resources to modify your web page to display favicons and link to an icon library.</p>
<p>Also a note of caution on browser requirements is given:</p>
<p><strong>Important:</strong> This online icon maker requires a web browser with <strong>Javascript 1.2 </strong>support such as Internet Explorer 6, Firefox, or Opera. If you are experiencing problems, make sure that you are using one of the supported browsers and Javascript (&#8220;Active content&#8221;) is enabled.</p>
<h3>Pros: What&#8217;s Good?</h3>
<ul>
<li>Simple and intuitive to use</li>
<li>Free</li>
</ul>
<h3></h3>
<h3></h3>
<h3>Cons: What&#8217;s Not So Good?</h3>
<ul>
<li>Can&#8217;t convert an existing icon (*.ico) file</li>
</ul>
<p>I should also point out that this is not a sophisticated icon creation tool and as a free offering it is a way to entice the user to buy their &#8220;more professional&#8221; tool. However if you just need a quick, simple and effective way of creating a <strong>basic</strong> icon by drawing or from your own picture this certainly does the job.</p>
<h3> Why Would You Want It?</h3>
<ol>
<li>To produce a quick favicon for a website</li>
<li>To make an icon to use with a program shortcut on your desktop or in quicklaunch</li>
<li>To quickly convert an existing picture to a useable icon</li>
</ol>
<h3>More About What it Does in Detail:</h3>
<p><a href="http://myfreereview.com/wp-content/uploads/2008/02/edit1.jpg" target="_blank" target="_blank"><img src="http://myfreereview.com/wp-content/uploads/2008/02/edit-thumb.jpg" style="border-width: 0px" alt="edit" border="0" height="166" width="244" /></a></p>
<p>(Click on pictures to enlarge)</p>
<p>As the screenshot shows there is a drawing canvas on the left and a palette of colours on the right. There are two basic drawing tools &#8220;Pencil&#8221; and &#8220;Lines&#8221;.</p>
<ul>
<li>Pencil &#8211; will fill in individual pixels and can also be dragged (and moved around)  to fill in multiple pixels.</li>
<li>Lines &#8211;  draws a line in the selected colour from the starting pixel to the end pixel. Holding the left mouse button down means you can move the end point around and the line is drawn when it is released.</li>
<li>The &#8220;Dropper&#8221; tool will select the colour of a pixel already on the canvas.</li>
<li>The &#8220;Download Icon&#8221; button selects the browser dialogs for saving the file to your PC.</li>
</ul>
<p>Below the drawing area is a box to select a local PC based picture file to upload and convert to an icon.</p>
<p><a href="http://myfreereview.com/wp-content/uploads/2008/02/up.jpg" target="_blank" target="_blank"><img src="http://myfreereview.com/wp-content/uploads/2008/02/up-thumb.jpg" style="border: 0px none " alt="up" border="0" height="62" width="349" /></a></p>
<p>I tried this out on a previously created icon I had made for this blog. At this point I discovered that this feature does not work with *.ico files (nothing said on the website to this effect). So I converted the icon file to a jpeg using the excellent IrfanView utility and uploaded this.</p>
<p><a href="http://myfreereview.com/wp-content/uploads/2008/02/pr1.jpg" target="_blank" target="_blank"><img src="http://myfreereview.com/wp-content/uploads/2008/02/pr1-thumb.jpg" style="border: 0px none " alt="pr1" border="0" height="244" width="214" /></a></p>
<p>This is the original screenshot of the icon created on the website.</p>
<p>(The conversion to jpeg looks identical so I have not shown it here)</p>
<p><a href="http://myfreereview.com/wp-content/uploads/2008/02/upload.jpg" target="_blank" target="_blank"><img src="http://myfreereview.com/wp-content/uploads/2008/02/upload-thumb.jpg" style="border: 0px none " alt="upload" border="0" height="244" width="212" /></a></p>
<p>and this is the screenshot on the website of the same icon converted to jpeg and then uploaded to be converted back to an icon.</p>
<h3>What is the My Free Review Experience?</h3>
<p>I found the site easy to use and thought the results were very acceptable for a free utility.</p>
<p><strong>All in all not bad!</strong></p>
<h3>What Other Posts are Relevant?</h3>
<p><a href="http://myfreereview.com/2008/01/31/why-i-decided-to-write-this-blog/" target="_blank" target="_blank" target="_blank">Why I Decided to Write this Blog</a></p>
<h3>What are the Tags?</h3>
<p class="wlWriterSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:453b5a86-3d8d-4684-8bf6-d5f0bd63927c" style="margin: 0px; padding: 0px; display: inline; float: none">Technorati Tags: <a href="http://technorati.com/tags/Freeware" rel="tag" target="_blank" target="_blank">Freeware</a>, <a href="http://technorati.com/tags/Open%20Source" rel="tag" target="_blank" target="_blank">Open Source</a>, <a href="http://technorati.com/tags/Utility" rel="tag" target="_blank" target="_blank">Utility</a>, <a href="http://technorati.com/tags/Windows%20XP" rel="tag" target="_blank" target="_blank">Windows XP</a>, <a href="http://technorati.com/tags/Windows%20Explorer" rel="tag" target="_blank" target="_blank">Windows Explorer</a>, <a href="http://technorati.com/tags/Web%20Application" rel="tag" target="_blank" target="_blank">Web Application</a>, <a href="http://technorati.com/tags/Web%20Utility" rel="tag" target="_blank" target="_blank">Web Utility</a>, <a href="http://technorati.com/tags/Icon" rel="tag" target="_blank" target="_blank">Icon</a></p>
<hr /><small>Copyright &copy; 2008<br /> (CC - Creative Commons - Some Rights Reserved )</small><img src="http://proreviewer.com/?ak_action=api_record_view&id=294&type=feed" alt="" /><!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d294').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d294" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;digg"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://proreviewer.com/2008/02/17/create-icons-web/" rel="nofollow" title="Add to&nbsp;Facebook"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;reddit"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?url=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;Slashdot"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/slashdot.png" title="Add to&nbsp;Slashdot" alt="Add to&nbsp;Slashdot" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://proreviewer.com/2008/02/17/create-icons-web/&amp;title=Create+Your+Own+Icons+on+the+Web" rel="nofollow" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.sphere.com/sphereit/http://proreviewer.com/2008/02/17/create-icons-web/" rel="nofollow" title="Add to&nbsp;SphereIt"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/sphereit.png" title="Add to&nbsp;SphereIt" alt="Add to&nbsp;SphereIt" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://proreviewer.com/2008/02/17/create-icons-web/" rel="nofollow" title="Add to&nbsp;Technorati"><img class="social_img" src="http://proreviewer.com/wp-content/plugins/social-bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d294').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d294').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://proreviewer.com/2008/02/17/create-icons-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
