These favicons - or 'favorites icons' - are more fun to look at than they are functional, but almost every website has one these days. Now, your website can have a favicon, too. It's easy to make these little icons with your favorite graphics editor. With 60,000 active installs, Favicon by RealFaviconGenerator WordPress plugin is the most favicon-related WordPress plugin. Since a few months, the plugin looks for updates and notifies you whenever the favicon should be refreshed.

Did you know you can easily convert your website's favicon to all the necessary formats with just one tool?

That's right, Preview (an app bundled into Mac OS) is more than an image and PDF viewer. It's actually capable of performing some basic editing operations and saving in different formats.

Typically, you want to provide both PNG, ICO (Windows Icon) and ICNS (Apple Icon) files. You don't really need a favicon.gif nowadays.

If you already know what you need to create proper favicons and just want to know where the heck the ICO and ICNS formats are hiding when saving/exporting images in Preview I'll save you the – not so long – read: hold ⌥ (the option / alt key) while clicking on the Format dropdown in the save or export dialog.

If this explanation wasn't clear for you just continue reading ;-)

You will probably want to end up having something like this in your HTML page:

For readability's sake I've spaced the lines. As you may have noticed there are a bunch of resolutions and formats you need to cover. Don't panic, this is easier than you are thinking.

Start by creating a 72dpi, 144x144 PNG version of your favicon. In the example above this would be favicon-apple-touch-144.png.

Taking that as the starting point you can create all the resolutions needed:

PNG: 144x144, 114x114 and 32x32 (for the last one, favicon.png)
ICNS: 128x128
ICO: 32x32

You can, of course, use different versions of your logo, specially for small resolutions.

In Preview, open the Tools menu, then Adjust Size... and choose the desired size. Remember to always use 72 pixels/inch.

When saving or exporting the image you will see a Format dropdown, but its options are limited to JPEG, OpenEXR, PDF, PNG and TIFF.

Video Editor For Mac Reviews

So... where are ICO and ICNS??

Video Editor For Macbook Pro

Here's the trick: hold ⌥ (the option / alt key) while clicking on the dropdown and voilà, you have a handful of new formats showing up, including ICNS and ICO!

Favicon Editor For Mac