[Tutorial] How To Create A Favicon

Discussion in 'General Tutorials' started by Luglige, Jun 6, 2016.

  1. Luglige
    OP

    Luglige hiatus

    Member
    1,411
    1,545
    Jan 24, 2016
    Antarctica
    under your bed
    How To Create A Favicon

    1. Get an image (png, jpg, etc.) and then google ".yourimageformat to favicon"
    2. Select the file to convert and press "convert"

    3. It should convert and download.
    4. drag the file to your desktop and rename it to "favicon" if not named that currently
    5. Now follow a guide to add you favicon to your site.
    6. To find a guide just google "-insert webserver type- favicon tutorial"
    7. and now you have an amazing icon for your site!
     
    Xabring likes this.
  2. Nyap

    Nyap HTML Noob

    Banned
    973
    344
    Jan 13, 2016
    That Chaos Site
    well now I know what a favicon is
     
    Last edited by Nyap, Jun 6, 2016
    WiiU likes this.
  3. BurningDesire

    BurningDesire GBAtemp Psycho!

    Member
    4,962
    5,811
    Jan 27, 2015
    United States
    Behind a screen reading news
    gggg.PNG


    The text color needs to change my dude.
     
    Minnow likes this.
  4. Luglige
    OP

    Luglige hiatus

    Member
    1,411
    1,545
    Jan 24, 2016
    Antarctica
    under your bed
    I have Dark Theme too and that's why I like the darker text! Doesn't hurt my eye xD
     
    BurningDesire likes this.
  5. DinohScene

    DinohScene Capture the Dino

    Member
    GBAtemp Patron
    DinohScene is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    16,056
    12,573
    Oct 11, 2011
    Antarctica
    В небо
    No link to software, no introduction of what a "favicon" is.
    Sorry to be rude but... are you a professional in writing lousy tutorials?
     
    Minnow, Riyaz and dimmidice like this.
  6. migles

    migles Mei the sexiest bae

    Member
    6,899
    4,633
    Sep 19, 2013
    Saint Kitts and Nevis
    my dad works for nintendo.
    i suppose this is what you mean by favicon?
    https://en.wikipedia.org/wiki/Favicon
    who the hell develops a website and doesn't know how to hell to include a minimal feature like this?
    or you know.. you can easily google it..

    i was going to say that you wrote this in a passive aggressive way, but then i realized gbatemp already has an icon in the url.. so that is not it...
     
    Last edited by migles, Jun 9, 2016
  7. Luglige
    OP

    Luglige hiatus

    Member
    1,411
    1,545
    Jan 24, 2016
    Antarctica
    under your bed
    I gave a guide to find software. You don't need an introduction. Do you need me to walk your fricking hand through candyland on the way to the guide of favicons?
     
  8. DinohScene

    DinohScene Capture the Dino

    Member
    GBAtemp Patron
    DinohScene is a Patron of GBAtemp and is helping us stay independent!

    Our Patreon
    16,056
    12,573
    Oct 11, 2011
    Antarctica
    В небо
    You know how people are.
    You can make something noob friendly as you can, someone will just create a better noob.
     
    Minnow likes this.
  9. CeeDee

    CeeDee hm?~

    Member
    3,823
    5,375
    May 4, 2014
    United States
    somewhere
    Sigh... lemme piggyback off this a bit. I would rather not have a "guide to googling how"

    How to Create and Use a Favicon / Site Icon

    Favicons are the icons that appear next to a site in the browser. For example...

    [​IMG]

    These images display at a 16x16 pixel resolution and usually contain either a shrunken down image, a logo, a portion of a logo, or pixel art.

    1 - Create or get an image to use as a favicon. Any image editing tool will work fine for this, though I'd recommend paint.net. Make sure it has a resolution of 16x16 px (pixels).

    2 - Go to an .ico-supporting converter website. There are plenty out there. convertico.com works fine, for example. Convert the image to a .ico, ensuring it is 16px, if a choice is given.

    3 - Rename the converted icon to "favicon.ico"

    4 - Place the icon file in the root of your website. It should appear on most browsers, including Chrome and Firefox. If not, there are other methods of including a favicon, including editing the HTML of the site.​
     
  10. Luglige
    OP

    Luglige hiatus

    Member
    1,411
    1,545
    Jan 24, 2016
    Antarctica
    under your bed
    Thx! It's nice.