3spots

DOWN ⇣

You may have noticed, I love favicons. BTW, it's been a while that I want to make myself an animated GIF icon. (Temporarely, I've moved some button creators from the RSS tools list here, they don't realy fit but I didn't know where to put them for now.)
Here are everything you should need to make them:

Online Tools Codes buttons generators(80x15) Related links

Hey, I even found a favicon browser compability chart!

Online Tools:

• ICON LAB: A nice large Icon editor.
  
• JavaScript Favicon Generator: Japanese website, nice icon pixel drawing editor, once you push the 'create Icon' button a link with appear at the button, right-click -> save as...
  
• Favicon.co.uk: icon editor. (Java applet)
  
• favicon.ico generator and editor: Generates or crop to ICO and 32px or 48px desktop icons from local file.
  
• Favicon.Hu ikonszerkesztő: An other editor with some ready-made background images to overwrite.
  
• Antifavicon Favicon Generator: Generates a favicon from text.
  
• Favicon Icon Drawing Program: editor 16 colors and supports alpha transparency.
  
• Favicon Editor by degraeve.com: Draw or upload a PNG, supports alpha transparency.
  
• FavIcon from Pics by chami.com: Generates a favicon from an image of any size. Also has a FavIcon Gallery
  
• Dynamic Drive Favicon Generator: Same as above.
  
• Graphicsguru Favicon Generator: Same as above.
  
• Favicon Japan!!: Same as above but with a live gallery. (This site's favicon is a GIF saved as ICO)
  
• converticon: NEW! Converts ico<->png from remote or local upload/remote.
  
• Mindzilla Icon Grabber: Grabs favicons from URLs. and here's a sidebar version I made: Icon Grabber Sidebar (I asked permission but never got any response...)
  
• Favicon Collector by Julian Bez: "steals" favicons from the web and also displays all the last icons so it looks like an icon gallery, though it does become quite a heavy page to load.
  
• Ajaxload: An activity indicator generator, like the favicon.
  
• GIF Animation Creator Plus: An online Japanese GIF maker, generates an animated GIF from JPG, PNG, BMP. Upload 10 images, calculate it's total size, set background color, speed and number of loops.
  
• Animation GIF Maker CGI: An online Japanese animated GIF maker, from GIFs. First set number of images (5, 10, 15, 20, 30), Upload images, calculate it's total size and set background color. Avoid to big total size +1000KB
  
• Favicon Validator
  
• Gif Image Resizer: Resize Gif Animations online
  

↑ UP

Code for different image formats:

The format for the Favicons image is PNG, GIF, or ICO and 16x16 pixels or 32x32 pixels, best using either 8-bit or 24-bit colors. It is discouraged to use an other URL than root but we don't always have the choice, like here a hosted blog.
Using two codes assures they display in different browsers.

ICO:

PNG:

Animated or not GIF:

ICO + GIF (animated or not):
To be sure you can combine both, so it still display in browsers that don't support gifs.
Apparently, you can also rename a animated GIF to ICO. That's how Favicon Japan!! does.

Note: Using type="image/vnd.microsoft.icon" will not show up in Mozilla browsers, Safari, Opera, iCab... What else? ;)

A quick and easy way to see how an image would look as a favicon is to simply view the image in Firefox. When you view an image in Firefox, it shows it as a favicon in the tab and in the address bar. This makes it easy to scour the web for a good animated gif as a favicon. Simply find an image and “view image” in Firefox to see how it would look.

Animated favicons by MyVogonPoetry

↑ UP

Button Creation:

• Feed Icons: RSS high quality icons of all colors to download in EPS, PDF and AI. Very nice!
• Feed Subscription Button Maker by twistermc: Feed Subscribe buttons! You enter the URL and it does all the work you you. (generates the code for all major RSS readers)
• Luca Zappa's Brilliant Button Maker (80x15)
• Free RSS Graphic Tool by feedforall.com
• Button Maker by yugatech.com (80x15)
• Button Maker and Generator by Blog Flux (80x15, 80x31)
• Enhanced website button maker by ekstreme (80x15)
• pixelbutton (80x15)
• Online Button Coder by freebizadsweb.com (80x15)
• Kalsey's Button Maker (80x15)
• RSS Button Maker (80x15)
• A Guide to Yahoo! Social Media Tools: Copy past and customize javascript post footer code. ( see old poste)
• minifesto - make your own animated text icon: Not for favicons but can generates a 100x100 animated text image, but then you can reduce it with the
• RSSicon: Japanese, advanced 80x15 type button generator that permits any size.
• buttonator: Ajax button generator.

↑ UP

Links:

• Favicon Japan!! Browser compability chart:
  Very stable - Stable - Unstable - Not rendered - No browser
  (All Rights Reserved.)
  
• peerbot: Favicon search engine. Searches content, primary and secondary color.
  
• gada.be Gada.be: Search engine that displays favicons in results.
  
• search gridwell (beta): Search engine that displays favicons in results.
  
• IconSurf: A robot that collects favicons from the web, clicking on any one icon you will be directed to the website. You can also submit.
  
• Favicon Animation Demo by ajaxify
  
• AJAX Activity Indicators: Some animated indicators to download.
  
• GUIdebook: Has Icon gallery section.
• Favicon Gallery: A huge gallery.
  
• favatars: A WordPress Plugin that enables each comment/pingback/trackback to be accompanied by the website favicon.
  
• Animating My First GIF: Gimp animation tutorial, A bit difficult but complete.
  
• Tutorial - Animated GIF by Casey Sousa: Simple step by step animated gif tutorial using Adobe ImageReady.
  
• Glitter Fill Tutorial by Liss
  
• Favicon - Wikipedia: Allways a good place to start.
  
• ImageMagick: Opensource image editor and command line tool with animation support, and in fact there's an online version: ImageMagick Studio

Related

• Creating or Using Thumbshots online
• Mouseover Boucing RSS icon
• Mother of all social bookmarking services icons: Shakk.us made a mosaic out of icons from this blog!!!
• Social Bookmark Tools to View, Search and more...

↑ UP

hreview:

Category: Add-ons Image Tools   tags: Animated Code Editor Favicon Generator Howto Icon List

Labels: button, tools

⇡ UP