How do you create a favicon?

17 replies
Hi, I've been wanting to create a favicon to my site but have no idea how to do this?

Does anyone know how or can help me out?

#create #favicon
  • Profile picture of the author pdjsolutions
    Well, its pretty simple.

    You need a square image [ for your site you can cut out the man in the header and use that ]
    and then go here,

    Dynamic Drive- FavIcon Generator

    And then just follow those steps.

    If you need further help PM me. I can help you out with the whole process.

    {{ DiscussionBoard.errors[1269966].message }}
  • Profile picture of the author awesometbn
    Open the graphic in your favorite editor, crop it, and save. That is what you will upload to the favicon generator. Once you have the favicon.ico file, place it in the public_html folder of your web server. It should appear automatically in the browser (sometimes you have to clear history and cookies, exit the browser, and try again for it to appear in Internet Explorer). Keep in mind that you can also have a different favicon.ico file for each subdirectory or subdomain on your website. You are only limited by your creativity and imagination.
    {{ DiscussionBoard.errors[1270357].message }}
  • Profile picture of the author bridgerlandweb
    If you don't have a graphics program that can create good .ico files, there's a shareware program (after 30 days, you just have to wait when you start it up) called IconEasel. Google it and try it out.
    {{ DiscussionBoard.errors[1276223].message }}
  • Profile picture of the author Usha

    You may want to try free online tool to create favicons

    FavIcon from Pics -- free favicon.ico for your website (animated, static, text, iPod icons)
    Have a Productive Day:)
    {{ DiscussionBoard.errors[1307552].message }}
  • {{ DiscussionBoard.errors[1312667].message }}
  • Profile picture of the author buncoh
    My way:

    Photoshop - open new document 100x100px
    Then, just pun a letter. Let say 'Y' for YourDomain.c0m
    with a black background and a white letter. That should be fine.
    change the image size to 16 x 16 px.
    Save as 'favicon.GIF'

    upload the favicon.GIF file to your root directory. (your website)
    apply this code:
    <LINK REL="SHORTCUT ICON" HREF="favicon.gif">
    to your index.html/php

    I got nothing to do with my signature.

    {{ DiscussionBoard.errors[1322160].message }}
    • Profile picture of the author carbee57
      If you plan on creating a lot of favicons you may want to try Axialis. It's probably the best icon creation tool on the market. It's not that expensive, I think about $50 USD. It's also on a free trial basis as well. You can create icons from scratch or use some existing ones to modify. If you want something completely custom create your own graphic in an image editor first and Axialis will create your icon. If you don't have an image editor you can download a really good one for free called GIMP Welcome to GIMP.COM. It's open source.

      Good Luck.
      {{ DiscussionBoard.errors[1322875].message }}
  • Profile picture of the author MemberCon
    To be as backwards compatible as possible, I like to use the good old favicon.ico file. I would use the meta-tag method, as buncoh suggested above, but old/non-standard browser and programs may just blindly look at , so I like to have it there also.

    If you create favicons in Photoshop, there is a great, free plugin at Telegraphics - Free plugins for Photoshop & Illustrator...and other software . It is at the top of the list on that page, in the section named "ICO (WINDOWS ICON) FORMAT" There are various formats of the plguin, depending on your platform/OS/version of Photoshop.

    The plugin comes with installation instructions, but basically you just drop one file into your Photoshop Plug-ins\File Formats folder, restart Photoshop, and you can now save as .ico
    Monetize your email newsletter the moment someone signs up:
    {{ DiscussionBoard.errors[1322963].message }}
  • Profile picture of the author MemberCon
    Hi Tristan, I threw together a quick 16x16 favicon of the man in your logo. It's at
    Monetize your email newsletter the moment someone signs up:
    {{ DiscussionBoard.errors[1323843].message }}
  • Profile picture of the author robfoster
    {{ DiscussionBoard.errors[1334272].message }}
    • Profile picture of the author ryxin
      A Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser. They also show up in your bookmarked sites, on the tabs in tabbed browsers, and as the icon for Internet shortcuts on your desktop or other folders in Windows.
      {{ DiscussionBoard.errors[1335831].message }}
  • {{ DiscussionBoard.errors[1350786].message }}
  • Profile picture of the author mark z
    Besides of creating your favicon, you have to upload it to your site.
    Just to remind you that some CMS have already built-in tool for upload favicons.
    So you can upload appropriate images through appropriate back-end input form.
    You can check it within CMS administration tools/menus.

    For example, in Drupal you can find that tool by going to
    Administer>Site Building>Themes then click to Configure (next to appropriate theme) and upload your image to Upload icon image input form (favicon is shortcut icon in Drupal)
    {{ DiscussionBoard.errors[1369286].message }}
  • Profile picture of the author AnticGod
    I usually search for an icon at and use it as favicon. I`ve never made one but there are lots of free programs you can use.
    {{ DiscussionBoard.errors[1374069].message }}
    • Profile picture of the author Jill Carpenter
      Originally Posted by MemberCon View Post

      Hi Tristan, I threw together a quick 16x16 favicon of the man in your logo. It's at
      Hey! you may have a business there!

      I like to install a favicon plugin for wordpress. It has a bunch of favicons in it to choose from, but I created my own and stuck it in there.

      I recently got a logo done with the nerds - took my image, shrunk it down to a favicon, added the file to the plugin by replacing one of the current images and done!

      You could do some replacement favicons to go with this plugin.

      "May I have ten thousand marbles, please?"

      {{ DiscussionBoard.errors[1374639].message }}
  • Profile picture of the author nuwav
    I have a tutorial on my blog thats shows you how to create a favicon
    How to create a favicon
    {{ DiscussionBoard.errors[1374730].message }}
  • Profile picture of the author morgano1132
    Hello triston lee,

    You want to create the favicon, I can create a best favicon for you with free cost,

    {{ DiscussionBoard.errors[1374822].message }}

Trending Topics