SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Guru
    Join Date
    Jun 2004
    Location
    UK
    Posts
    605
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    De-facto 'favicon' reference?

    How do people get favicons to work cross-browser? How about ones with transparency?

    My old fashioned way of creating a 16x16 gif in Photoshop then renaming as 'favicon.ico' and uploading to the site route, no longer seems to cut it. (Doesn't work in IE7).

    What's the best way to reference a favicon? Some sites seem to reference them within the HTML header, others don't.

    Basically, does anyone know of a good solid, all-encompasing resource for favicons? I haven't come across any documentation which explains how to deal with browser idiosyncrasies, so would be delighted to see one!

    Thanks for any pointers...

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    This may help a little http://en.wikipedia.org/wiki/Favicon usally I create a valid *.ico file and place it in the root plus use the <link rel="…" /> method.

  3. #3
    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)
    You'll have to create regular .ico file for sure - fake one, created by renaming the gif image won't work.
    ICO file with 16x16 and 32x32 images embedded (32x32 one is used for desktop shortcut and if there's none, 16x16 one will be resized and look ugly).
    32x32 size is what people seem to forget about very often.
    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

  4. #4
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Varelse View Post
    You'll have to create regular .ico file for sure - fake one, created by renaming the gif image won't work.
    It does if you then serve it as image/gif. Well, perhaps not in IE, but in other browsers.
    Simon Pieters

  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 zcorpan View Post
    It does if you then serve it as image/gif. Well, perhaps not in IE, but in other browsers.
    That's why I wrote it doesn't - he was looking for cross-browser compatible solution
    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 Guru
    Join Date
    Jun 2004
    Location
    UK
    Posts
    605
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does anyone know of a good lightweight favicon-specific creation application? Shame Photoshop doesn't do this...

  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)
    Microangelo and Axialias IconWorkshop are great, feature-rich programs for icon creation.
    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
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I always use these instructions.

  9. #9
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by danwednesday View Post
    Shame Photoshop doesn't do this...
    There is a plugin you can get for PS which lets it save as .ico files.

  10. #10
    SitePoint Guru
    Join Date
    Jun 2004
    Location
    UK
    Posts
    605
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great, all very helpful. Thanks guys.

    By the way, I'm trying out the ico plugin for Photoshop from here:

    http://www.telegraphics.com.au/sw/

  11. #11
    SitePoint Member
    Join Date
    May 2004
    Location
    New Mexico
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dynamicdrive has a nice tool that will take your gif and make them into faivcons.

    http://tools.dynamicdrive.com/favicon/


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
  •