Now Use the Ellipse tool to create a large circle, use any styling you want at this point, I went with a red fade.
Remember that any part you do thats small on the 400x400 will not be visible on the favicon 16x16.
Now add the Text you want to see, In this case I used a large letter T.
Remember the favicon is very small so its hard to make out words.
(unless you do a word scroller but that is for another tutorial)
Open your internet browser and paste this link http://www.favicon.cc/ -- Favicon Creator.
Favicon Creator will turn your large image into your joomla sites new favicon.
Once you have browsed to the above site, select Import Image from the left menu.
Great article! I have never understood why you can't just use a 16x16 PNG file for an icon, but most browsers require the specialized .ico format and it has always been difficult or expensive to get the software that makes these things. But now -- problem solved. I love the favicon.cc web service. Tested it today and it works like a charm. You can even get your icon on a T-shirt!
If you want to use your newly created favicon file in any HTML web page, include these two lines inside the <head> of the document. In my experience, one or the other will work for just about every browser that is newer than IE5. I like to use the fully-qualified URL, since I know it will work for any subdomain or directory of my sites.
Sidebar note: If you change favicon files, you may not see the change immediately. Mozilla browsers cache these files.
Comments (1)
Commented:
If you want to use your newly created favicon file in any HTML web page, include these two lines inside the <head> of the document. In my experience, one or the other will work for just about every browser that is newer than IE5. I like to use the fully-qualified URL, since I know it will work for any subdomain or directory of my sites.
Sidebar note: If you change favicon files, you may not see the change immediately. Mozilla browsers cache these files.
Open in new window