[Tutorial] How To Create A Favicon

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

Jun 6, 2016
  1. Luglige
    OP

    Member Luglige Modest Mouse Fan

    Joined:
    Jan 24, 2016
    Messages:
    1,168
    Location:
    Can I Leave This Blank?
    Country:
    Antarctica
    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

    Banned Nyap HTML Noob

    Joined:
    Jan 13, 2016
    Messages:
    973
    Location:
    That Chaos Site
    Country:
    Antarctica
    well now I know what a favicon is
     
    Last edited by Nyap, Jun 6, 2016
    WiiU likes this.
  3. BurningDesire

    Member BurningDesire An aspring gaming Industry news reporter

    Joined:
    Jan 27, 2015
    Messages:
    4,926
    Location:
    Behind a screen reading news
    Country:
    United States
    gggg.PNG


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

    Member Luglige Modest Mouse Fan

    Joined:
    Jan 24, 2016
    Messages:
    1,168
    Location:
    Can I Leave This Blank?
    Country:
    Antarctica
    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

    Member DinohScene Feed Dino to the Sharks

    Joined:
    Oct 11, 2011
    Messages:
    13,806
    Location:
    В небо
    Country:
    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

    Member migles i'm a dude, i just enjoy pretty girls and money...

    Joined:
    Sep 19, 2013
    Messages:
    5,566
    Location:
    my dad works for nintendo.
    Country:
    Korea, North
    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

    Member Luglige Modest Mouse Fan

    Joined:
    Jan 24, 2016
    Messages:
    1,168
    Location:
    Can I Leave This Blank?
    Country:
    Antarctica
    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

    Member DinohScene Feed Dino to the Sharks

    Joined:
    Oct 11, 2011
    Messages:
    13,806
    Location:
    В небо
    Country:
    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

    Member CeeDee the blushy Eevee

    Joined:
    May 4, 2014
    Messages:
    3,415
    Location:
    Country:
    Bermuda
    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

    Member Luglige Modest Mouse Fan

    Joined:
    Jan 24, 2016
    Messages:
    1,168
    Location:
    Can I Leave This Blank?
    Country:
    Antarctica
    Thx! It's nice.
     

Share This Page