0

I was wondering how one can have multiple sizes of a favicon and have the correct size be served to the respective browser/device that is viewing the site.

I've read that having multiple sizes is good practice since your site can be viewed from the traditional browser, but it can also be viewed from tablets and smartphones. Thus having the perfect favicon size available for the device viewing the site is preferable.

How does one do this? According to my knowledge you have a 'favicon.ico' in the root of your site and that's it. But dealing here with multiple sizes e.g. multiple files, throws me off a bit. How do you accomplish this?

Also on a side note, I see that Adobe Photoshop and Illustrator doesn't have the functionality to export to .ico file format, any tips?

1 Answers1

1

Seems like this may have already been answered in this question: How to have multiple favicon sizes, yet serve only a 16x16 by default?

Although personally a well optimized 32x32 ico is so small I don't usually bother with making a 16x16 version, the browser will shrink it automatically.

Community
  • 1
  • 1
Phillip Gooch
  • 565
  • 6
  • 13
  • Thank you very much, I'll have a look at that answer. When you say "well optimized" what do you mean by that? The pixel density? –  Jan 16 '13 at 20:40
  • File size, the difference between a 16x16 and 32x32 image is large, but in either case it's such a small file that I've never worried about it. – Phillip Gooch Jan 16 '13 at 21:58
  • 1
    @PhillipGooch - File size is not the only reason. You might choose to simplify your icon at lower resolutions, so that you still get the detail for the parts that are more important. – Joseph Silber Jan 17 '13 at 19:59