1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Making a favicon

Discussion in 'Photoshop' started by Web Gazelle, Feb 17, 2006.

0
Page 1 of 2
  1. #1
    What do you use to create a favicon? Photoshop? Illustrator? How do you guys make those cool little icons? :confused:
     
    Web Gazelle, Feb 17, 2006 IP
  2. Crazy_Rob

    Crazy_Rob I seen't it!

    Messages:
    13,157
    Likes Received:
    1,366
    Best Answers:
    0
    Trophy Points:
    360
    #2
    I use Photoshop.

    It's just a 16x16 pixel image.
     
    Crazy_Rob, Feb 17, 2006 IP
  3. Dejavu

    Dejavu Peon

    Messages:
    916
    Likes Received:
    53
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Dejavu, Feb 17, 2006 IP
  4. Web Gazelle

    Web Gazelle Well-Known Member

    Messages:
    3,590
    Likes Received:
    259
    Best Answers:
    0
    Trophy Points:
    155
    #4
    Do you just save it as the .ico file or something like that?
     
    Web Gazelle, Feb 17, 2006 IP
  5. Crazy_Rob

    Crazy_Rob I seen't it!

    Messages:
    13,157
    Likes Received:
    1,366
    Best Answers:
    0
    Trophy Points:
    360
    #5
    Yep, just name it favicon.ico.
     
    Crazy_Rob, Feb 17, 2006 IP
  6. Web Gazelle

    Web Gazelle Well-Known Member

    Messages:
    3,590
    Likes Received:
    259
    Best Answers:
    0
    Trophy Points:
    155
    #6
    Simple enough, thanks.
     
    Web Gazelle, Feb 17, 2006 IP
  7. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #7
    It doesn't have to be named favicon.ico but that's sort of a standard. Once you've created it and uploaded it to the root directory of your site, add this to your pages:

    <head> 
<link REL="SHORTCUT ICON" HREF="favicon.ico">

... 

</head>
    Code (markup):
     
    minstrel, Feb 17, 2006 IP
  8. tflight

    tflight Peon

    Messages:
    617
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    0
    #8
    What Crazy_Rob has said will work just fine in the vast majority of cases. For a little more info, an ico file isn't just a little GIF file that is renamed with a .ico extension. The ICO file (icon image file format) can be a bundle of images at different resolutions depending on use such as 16×16, 32×32, 64×64 and 128×128. (The latter two are more rare.) This way depending on where the icon will be displayed an appropriate sized icon can be used.

    Some older browers (I'm not sure about any current ones) cannot read favicons that are created in other formats (like GIF) that are simply renamed to favicon.ico.

    I'm really just being anal as most browsers will support what Crazy_Rob has described with most image formats.
     
    tflight, Feb 17, 2006 IP
  9. Crazy_Rob

    Crazy_Rob I seen't it!

    Messages:
    13,157
    Likes Received:
    1,366
    Best Answers:
    0
    Trophy Points:
    360
    #9
    If you name it favicon.ico you don't have to reference it at all.

    And tflight is absolutely right. :)
     
    Crazy_Rob, Feb 17, 2006 IP
  10. cldnails

    cldnails Well-Known Member

    Messages:
    1,529
    Likes Received:
    50
    Best Answers:
    0
    Trophy Points:
    120
    #10
    Yep, I was about to reiterate exactly what tFlight was saying. But in regards to the topic of this thread, I use a combination of two programs.

    1. I creat the image that I want for my favicon in photoshop.
    2. Then I use Axialis Icon Workshop to convert to an actual .ico format.

    What works out really great is that Axialis Icon Workshop actually has a plugin for photoshop that will automatically convert any PS image into a .ico. This is especially important, since simply renaming it .ico instead of .gif will typically not work, at least that's my understanding.
     
    cldnails, Feb 17, 2006 IP
  11. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #11
    GIF and JPG are compressed file formats.

    But you can use Paint to create it as a bitmap (BMP) file and then rename it. That's how I did mine (I think - it was a few years ago).
     
    minstrel, Feb 17, 2006 IP
  12. Web Gazelle

    Web Gazelle Well-Known Member

    Messages:
    3,590
    Likes Received:
    259
    Best Answers:
    0
    Trophy Points:
    155
    #12
    So MS paint is still useful. And here I was thinking of deleting it. :D
     
    Web Gazelle, Feb 18, 2006 IP
  13. KGL

    KGL Peon

    Messages:
    1,155
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Create your image in PhotoShop or any other image editor and then go here.
     
    KGL, Feb 18, 2006 IP
    Web Gazelle likes this.
  14. Web Gazelle

    Web Gazelle Well-Known Member

    Messages:
    3,590
    Likes Received:
    259
    Best Answers:
    0
    Trophy Points:
    155
    #14
    Pretty slick tool.
     
    Web Gazelle, Feb 18, 2006 IP
  15. KGL

    KGL Peon

    Messages:
    1,155
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #15
    No Doubt.

    Love that site.
     
    KGL, Feb 18, 2006 IP
  16. nOR

    nOR Peon

    Messages:
    281
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #16
    nOR, Feb 18, 2006 IP
  17. _vlada_

    _vlada_ Peon

    Messages:
    743
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #17
    I use irfanview. It is free image viewer/converter. It is ugly and i dont like it, but he can do the job. Also, can be used as a Total Commander image viewer.

    Since Photoshop is industrial standard software for image manipulation, i presume that you using it too. My version does not have ico support. And I think that noone version have it. So here is how i create fav: create bmp image. Save it as 256 color bmp. Then open it in irfanview and save it as .ico.
    This is way to create real .ico files. No other format with just renamed extension and luck that original format can be read by browsers.

    (all this info: use it if you dont like public services, on net)
     
    _vlada_, Feb 18, 2006 IP
  18. nOR

    nOR Peon

    Messages:
    281
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #18
    It might not support it out of the box, but Photoshop DOES support the .ico plugin. After putting it in the plugin folder, you can save any image to .ico

    here is the actual direct link to the plugin http://www.telegraphics.com.au/sw/
     
    nOR, Feb 18, 2006 IP
  19. mariush

    mariush Peon

    Messages:
    562
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #19
    As far as I know, Internet Explorer checks by default for favicon.ico and some older versions of Netscape Navigator needed that meta information in the header in order to show an icon.

    The graphics is a 16x16 icon but browsers will usually recognize the image even if it's gif, bmp or gif (however this doesn't mean you should just ignore the file formats and do what you please, future browsers may be more sensitive about this)

    PS. Irfanview is enough for this, it even has transparency support for icons.
     
    mariush, Feb 18, 2006 IP
  20. wasabi

    wasabi Guest

    Messages:
    58
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #20
    wasabi, Feb 18, 2006 IP
Page 1 of 2