How do you create a favicon?

Tristan Lee · 10-12-2009, 05:32 AM

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.

pdjsolutions · 10-12-2009, 07:40 AM

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.

Tristan Lee · 10-12-2009, 08:53 AM

Hi Prateek.

I don't think I can cut out the man because part of the "F" is in the way...

awesometbn · 10-12-2009, 10:17 AM

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.

bridgerlandweb · 10-13-2009, 10:27 PM

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.

Usha · 10-22-2009, 08:19 PM

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)

devilishsaint · 10-24-2009, 11:12 AM

i create it from this website.

buncoh · 10-27-2009, 09:36 AM

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

carbee57 · 10-27-2009, 01:41 PM

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.

MemberCon · 10-27-2009, 02:05 PM

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

MemberCon · 10-27-2009, 07:04 PM

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

ryxin · 10-31-2009, 01:44 AM

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.

pdrw07 · 11-04-2009, 02:06 PM

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

mark z · 11-10-2009, 12:55 AM

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)

AnticGod · 11-11-2009, 11:20 AM

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.

Jill Carpenter · 11-11-2009, 02:51 PM

Quote:

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.

nuwav · 11-11-2009, 03:21 PM

I have a tutorial on my blog thats shows you how to create a favicon
How to create a favicon

morgano1132 · 11-11-2009, 03:47 PM

Hello triston lee,

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

Thanks,

10-12-2009, 05:32 AM	#1
Tristan Lee HyperActive Warrior Join Date: Feb 2009 Posts: 178 Thanks: 0 Thanked 17 Times in 8 Posts	How do you create a favicon? 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.
	From Bottom Up l Start from the Bottom of Life, Go for the Top of Life

10-12-2009, 07:40 AM	#2
pdjsolutions Coding Expert !! :D War Room Member Join Date: May 2009 Location: India Posts: 178 Thanks: 14 Thanked 15 Times in 12 Posts Contact Info	Re: How do you create a favicon? 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.
	CSS3 Tutorials

10-12-2009, 08:53 AM	#3
Tristan Lee HyperActive Warrior Join Date: Feb 2009 Posts: 178 Thanks: 0 Thanked 17 Times in 8 Posts	Re: How do you create a favicon? Hi Prateek. I don't think I can cut out the man because part of the "F" is in the way...
	From Bottom Up l Start from the Bottom of Life, Go for the Top of Life

10-12-2009, 10:17 AM	#4
awesometbn HyperActive Warrior Join Date: May 2008 Location: USA Posts: 249 Blog Entries: 22 Thanks: 9 Thanked 29 Times in 27 Posts	Re: How do you create a favicon? 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.
	Exciting comment opportunities on my WF blog: (1) Better money with better marketing (2) Forming strong customer bonds (3) Earn more money with DB marketing (4) Building a revenue and profit model

10-13-2009, 10:27 PM	#5
bridgerlandweb Warrior Member Join Date: Oct 2009 Location: Providence, UT Posts: 8 Thanks: 0 Thanked 1 Time in 1 Post Social Networking	Re: How do you create a favicon? 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.
	Utah web design - Bridgerland Web Development, LLC Logan, Utah SEO, web design, web programming, web hosting

10-22-2009, 08:19 PM	#6
Usha Hamsa War Room Member Join Date: Jun 2009 Location: New Zealand Posts: 189 Thanks: 95 Thanked 25 Times in 17 Posts	Re: How do you create a favicon? 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)
	Have a Productive Day:)

10-24-2009, 11:12 AM	#7
devilishsaint Webweaver Join Date: Aug 2009 Posts: 119 Thanks: 4 Thanked 2 Times in 2 Posts Social Networking	Re: How do you create a favicon? i create it from this website.
	Latest Technology News <<Free Online Courses>> Free High Quality Wallpapers

10-27-2009, 09:36 AM	#8
buncoh Warrior Member Join Date: Mar 2008 Location: Planet Earth Posts: 5 Thanks: 0 Thanked 1 Time in 1 Post	Re: How do you create a favicon? 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
	I got nothing to do with my signature.

10-27-2009, 01:41 PM	#9
carbee57 Warrior Member War Room Member Join Date: Feb 2007 Location: New York , USA. Posts: 8 Thanks: 0 Thanked 2 Times in 2 Posts Social Networking Contact Info	Re: How do you create a favicon? 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.
	www.homebusinessresearch.com Home Business help and resources.

10-27-2009, 02:05 PM	#10
MemberCon Selling Online Since 1998 War Room Member Join Date: Oct 2009 Location: Orange County, CA Posts: 17 Thanks: 0 Thanked 2 Times in 1 Post Social Networking	Re: How do you create a favicon? 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
	How we sell content, subscriptions and memberships - Lessons learned and money made: Membercon.com

10-27-2009, 07:04 PM	#11
MemberCon Selling Online Since 1998 War Room Member Join Date: Oct 2009 Location: Orange County, CA Posts: 17 Thanks: 0 Thanked 2 Times in 1 Post Social Networking	Re: How do you create a favicon? 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
	How we sell content, subscriptions and memberships - Lessons learned and money made: Membercon.com

10-31-2009, 01:44 AM	#12
ryxin Warrior Member Join Date: Jul 2009 Posts: 16 Thanks: 0 Thanked 1 Time in 1 Post	Re: How do you create a favicon? 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.
	bicycles Kananaskis cagayan de Oro house for sale

11-04-2009, 02:06 PM	#13
pdrw07 HyperActive Warrior War Room Member Join Date: Jun 2008 Location: Jakarta Posts: 278 Blog Entries: 1 Thanks: 50 Thanked 62 Times in 29 Posts Social Networking Contact Info	Re: How do you create a favicon? 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
	The Most Killer Graphics at Cheapest Prices! \| Cheap Script Install Service

11-10-2009, 12:55 AM	#14
mark z Banned War Room Member Join Date: Oct 2009 Posts: 226 Thanks: 19 Thanked 26 Times in 19 Posts	Re: How do you create a favicon? 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)

11-11-2009, 11:20 AM	#15
AnticGod Warrior Member Join Date: Nov 2009 Posts: 5 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How do you create a favicon? 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.
	Smart Business Intelligence Solution

11-11-2009, 03:21 PM	#17
nuwav HyperActive Warrior War Room Member Join Date: Feb 2009 Location: London, UK Posts: 222 Thanks: 94 Thanked 51 Times in 18 Posts Social Networking Contact Info	Re: How do you create a favicon? I have a tutorial on my blog thats shows you how to create a favicon How to create a favicon
	Facebook business Templates \| Facebook Page Directory

11-11-2009, 03:47 PM	#18
morgano1132 Warrior Member Join Date: Nov 2009 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How do you create a favicon? Hello triston lee, You want to create the favicon, I can create a best favicon for you with free cost, Thanks,
	Watch Family Guy Online View Family Guy Online