How do you create a favicon?

by Tristan Lee

Posted: 15 years ago 17 replies

PROGRAMMING

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?

Thanks.

#create #favicon

pdjsolutions 15 years ago

Well, its pretty simple.

You need a square image [ for your site frombottomup.com 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.

Prateek.
PDJSolutions.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1269966].message }}
- Tristan Lee 15 years ago
  
  Hi Prateek.
  
  I don't think I can cut out the man because part of the "F" is in the way...
  
  :confused:
  
  Thanks
  
  {{ DiscussionBoard.errors[1270100].message }}
awesometbn 15 years ago

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.
- Thanks
{{ DiscussionBoard.errors[1270357].message }}
bridgerlandweb 15 years ago

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.
- Thanks
{{ DiscussionBoard.errors[1276223].message }}
Usha 15 years ago

Hi

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)
- Thanks
Signature
Have a Productive Day:)
{{ DiscussionBoard.errors[1307552].message }}
devilishsaint 15 years ago

i create it from this website.
- Thanks
Signature
Latest Technology News
<<Free Online Courses>>
Free High Quality Wallpapers
{{ DiscussionBoard.errors[1312667].message }}
buncoh 15 years ago
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:
Code:

<LINK REL="SHORTCUT ICON" HREF="favicon.gif">
to your index.html/php
- Thanks
- 1 reply
Signature

I got nothing to do with my signature.
{{ DiscussionBoard.errors[1322160].message }}
- carbee57 15 years ago
  
  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.
  
  Thanks
  
  {{ DiscussionBoard.errors[1322875].message }}
MemberCon 15 years ago

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 domain.com/favicon.ico , 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
- Thanks
{{ DiscussionBoard.errors[1322963].message }}
MemberCon 15 years ago

Hi Tristan, I threw together a quick 16x16 favicon of the man in your logo. It's at http://www.membercon.com/images/bottom_up_favicon.ico
- Thanks
{{ DiscussionBoard.errors[1323843].message }}
robfoster Banned 14 years ago

[DELETED]

{{ DiscussionBoard.errors[1334272].message }}
- ryxin 14 years ago
  
  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.
  
  Thanks
  
  Signature
  bicycles
  Kananaskis
  cagayan de Oro house for sale
  
  {{ DiscussionBoard.errors[1335831].message }}
pdrw07 14 years ago

i created from this site: FavIcon from Pics -- free favicon.ico for your website (animated, static, text, iPod icons)
its very easy, just follow the steps
- Thanks
Signature

The Most Killer Graphics at Cheapest Prices! | Cheap Script Install Service
{{ DiscussionBoard.errors[1350786].message }}
mark z 14 years ago

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)
- Thanks
{{ DiscussionBoard.errors[1369286].message }}
AnticGod 14 years ago

I usually search for an icon at iconfinder.com and use it as favicon. I`ve never made one but there are lots of free programs you can use.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1374069].message }}
- Jill Carpenter 14 years ago
  
  Originally Posted by MemberCon
  
  Hi Tristan, I threw together a quick 16x16 favicon of the man in your logo. It's at http://www.membercon.com/images/bottom_up_favicon.ico
  
  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.
  
  Thanks
  
  Signature
  
  "May I have ten thousand marbles, please?"
  
  {{ DiscussionBoard.errors[1374639].message }}
nuwav 14 years ago

I have a tutorial on my blog thats shows you how to create a favicon
How to create a favicon
- Thanks
Signature
Spiritual Awakening | Christian T Shirts
{{ DiscussionBoard.errors[1374730].message }}
morgano1132 14 years ago

Hello triston lee,

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

Thanks,
- Thanks
{{ DiscussionBoard.errors[1374822].message }}