Web Building Question

Jump to First Reply
posterboyposterboy
Posted:
in Genius Bar edited January 2014
can anyone point me to a site that tells me is fairly simple terms, how to add a custom URL pic?



For an example of what I mean, head over to Google using Chimera or another browser that supports them (read: Not IE5.2 for Mac) and look at the address bar. Where the little @ symbol or globe symbole would be there is a little picture of a G in a square. For some reason I can't seem to track down a tutorial.



Alternatly you could explain it here.



--PB

Comments

  • Reply 1 of 6
    ghost_user_nameghost_user_name Posts: 22,667member
    It's called a "FavIcon", short for "Favorites Icon". They started out as little icons that sowed up in your Favorites list in IE for Windows. Now almost every browser supports them.



    <a href="http://www.favicon.com/"; target="_blank">http://www.favicon.com/</a>; - These people have a good FAQ on it.



    Basically, you just need to save out a 16x16 pixel (I think) image as a Windows ICON file, or .ico. GraphicConverter will do this, Photoshop will not. You then name that file favicon.ico and place it in your site's root.
     0Likes 0Dislikes 0Informatives
  • Reply 2 of 6
    stimulistimuli Posts: 564member
    Posterboy! This rain's a nice change eh?



    Anyway, the picture in question is called a 'favicon' and you add one to your site by making a 16 by 16 pixel image, naming it favicon.ico and adding it to the root directory of your site.



    edit: er, yeah, what he said.

    <a href="http://www.webdevelopersjournal.com/articles/favicon.html"; target="_blank">http://www.webdevelopersjournal.com/articles/favicon.html</a>;

    has a nice intro to favicons.



    Thanks for the tip about graphic converter! Now I think I'll add one to my site...



    [ 11-06-2002: Message edited by: stimuli ]</p>
     0Likes 0Dislikes 0Informatives
  • Reply 3 of 6
    ghost_user_nameghost_user_name Posts: 22,667member
    I gotta give credit where credit is due Brad hooked me up with the GraphicConverter tip... Thanks Brad!
     0Likes 0Dislikes 0Informatives
  • Reply 4 of 6
    stimulistimuli Posts: 564member
    Whoa! Hey! The image doesn't have to be a .ico format image. just add: &lt;link rel="SHORTCUT ICON" href="http://www.stimuli.ca/favicon.png"&gt;

    to the Head of your page. This works with gifs as well.
     0Likes 0Dislikes 0Informatives
  • Reply 5 of 6
    ghost_user_nameghost_user_name Posts: 22,667member
    [quote]Originally posted by stimuli:

    <strong>The image doesn't have to be a .ico format image.</strong><hr></blockquote>Well, true, it doesn't have to be a .ico format, but for maximum compatibility and standards compliance, I believe it should be.
     0Likes 0Dislikes 0Informatives
  • Reply 6 of 6
    posterboyposterboy Posts: 147member
    [quote]Originally posted by stimuli:

    <strong>Posterboy! This rain's a nice change eh?



    Anyway, the picture in question is called a 'favicon' and you add one to your site by making a 16 by 16 pixel image, naming it favicon.ico and adding it to the root directory of your site.

    </strong><hr></blockquote>



    Yep! Although a bitch to walk to work in.



    Thanks for the info everyone!



    --PB
     0Likes 0Dislikes 0Informatives
Sign In or Register to comment.