SitePoint Sponsor

User Tag List

Results 1 to 16 of 16

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    icon or shortcut icon?

    Hi, just wondering which I should use?

    <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
    or
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />


    I know that 'icon' is apparently more correct, but is 'shortcut icon' more compatible?

    Also... I've read that you can have 32x32 favicons... but everywhere I look people have 16x16? Why is this?

    Thanks

  2. #2
    SitePoint Addict
    Join Date
    Dec 2007
    Posts
    358
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm creating trouble-free Apache, PHP, MySQL installer, WITSuite,
    and use it to setup my development environment.
    Demo, support, contact. Questions?

  3. #3
    SitePoint Addict
    Join Date
    Dec 2007
    Posts
    358
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    > Also... I've read that you can have 32x32 favicons... but everywhere I look people have 16x16? Why is this?

    Because it will be displayed to 16x16 by browsers. For example, Mozilla Firefox displays 16x16 favicons in address bar, bookmarks and tabs.
    I'm creating trouble-free Apache, PHP, MySQL installer, WITSuite,
    and use it to setup my development environment.
    Demo, support, contact. Questions?

  4. #4
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok thanks. Is there a list anywhere which shows which browsers are compatible with which one (icon or shortcut icon)? Just wondering...

  5. #5
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by znebojsa View Post
    Also... I've read that you can have 32x32 favicons... but everywhere I look people have 16x16? Why is this?
    A GOOD favicon should contain BOTH images. In standard Windows configuration, the 32px icons are used for example for url shortcut icons placed on the desktop. If there's no 32px one, the 16px one is scaled up and looks very bad.

    Most of the 16px favicons you saw were either designed by designers not aware of the need for 32px image, or they were created by one of the numerous favicon generators which only produce 16x16 icon.
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  6. #6
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Varelse View Post
    A GOOD favicon should contain BOTH images
    Oh ok. So how would you add both images as favicons?

  7. #7
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by znebojsa View Post
    Oh ok. So how would you add both images as favicons?
    There are specialized icon editors like Microangelo.
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  8. #8
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Don't forget about 48px! or all the way up to 256px for Vista.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  9. #9
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by logic_earth View Post
    Don't forget about 48px! or all the way up to 256px for Vista.
    The only problem is that the icon containing all these would reach 20kb easily
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  10. #10
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What if you just made a 32x32px icon and it scales down to 16px when it needs to be 16px and stays at 32px when it needs to be 32px?

  11. #11
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    16x16 is such a small size that automated scaling-down does not always work well and the quality of such an icon would be really bad. The 16px icons even if made from the scaled-down image, should be corrected by hand.
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  12. #12
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok thanks.
    So I'll probably try have three icon sizes: 16x16, 32x32, 48x48

    One last thing though, are they all meant to be 16-bit or?

  13. #13
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    They don't have to. If your favicon is very simple and contains no transparency channel, you can use 256 color ones.
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  14. #14
    SitePoint Addict
    Join Date
    Jun 2007
    Location
    Sydney, Australia
    Posts
    253
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    TYVM.

    The last thing I would like to know is which browsers support which deceleration (icon or shortcut icon). If a website lists this, or anyone knows off the top of their head, please share it

  15. #15
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I won't be able to help you with this.

    Just one more thing to add to the favicon subject - there can be the animated ones as well...
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  16. #16
    Village Idiot cgustaveson's Avatar
    Join Date
    May 2008
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You really need all three sizes if you want to be proper but I don't worry about it because don't often make a shortcut. If I felt there was a need then I would make sure to do so.
    Smoke Lounge | Hookah Store and Community
    Shisha Tobacco
    SitePoint Users get 5% off use promo code s1t35p


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •