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.

utipparaju · 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

robfoster · 10-30-2009, 02:29 PM

You may want to check online favicon creators. Some of the favicon creators sites do have dedicated software as well.

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.

avenuegirl · 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: 150 Thanks: 0 Thanked 14 Times in 7 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 Banned War Room Member Join Date: May 2009 Location: India Posts: 161 Thanks: 13 Thanked 13 Times in 10 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.

10-12-2009, 08:53 AM	#3
Tristan Lee HyperActive Warrior Join Date: Feb 2009 Posts: 150 Thanks: 0 Thanked 14 Times in 7 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: 228 Blog Entries: 22 Thanks: 8 Thanked 21 Times in 20 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.
	My WF blog for your reading pleasure: (1) Building a revenue and profit model (2) Forming strong customer bonds (3) Earn more money with DB marketing (4) Better money with better marketing

10-13-2009, 10:27 PM	#5
bridgerlandweb Warrior Member Join Date: Oct 2009 Location: Providence, UT Posts: 9 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
utipparaju internetbiz4all Join Date: Jun 2009 Location: New Zealand Posts: 146 Thanks: 56 Thanked 14 Times in 12 Posts Social Networking Contact Info	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:) Best Online business - Save Money and Earn Money -Exploding like wildfire Internetbiz4all Webbizoptionsblog

10-24-2009, 11:12 AM	#7
devilishsaint Webweaver Join Date: Aug 2009 Posts: 124 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 Contact Info	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: 11 Thanks: 0 Thanked 0 Times in 0 Posts 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
	2 simple things I did to get over $7,000 in memberships each: How To Start a Membership Site

10-27-2009, 07:04 PM	#11
MemberCon Selling Online Since 1998 War Room Member Join Date: Oct 2009 Location: Orange County, CA Posts: 11 Thanks: 0 Thanked 0 Times in 0 Posts 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
	2 simple things I did to get over $7,000 in memberships each: How To Start a Membership Site

10-30-2009, 02:29 PM	#12
robfoster HyperActive Warrior Join Date: Oct 2009 Posts: 160 Thanks: 9 Thanked 5 Times in 5 Posts	Re: How do you create a favicon? You may want to check online favicon creators. Some of the favicon creators sites do have dedicated software as well.

10-31-2009, 01:44 AM	#13
ryxin Warrior Member Join Date: Jul 2009 Posts: 7 Thanks: 0 Thanked 0 Times in 0 Posts	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.
	College Reviews Medifast Coupons \| Cargo Shorts \| Yoga Mat Bag

11-04-2009, 02:06 PM	#14
pdrw07 Active Warrior Join Date: Jun 2008 Location: , , Indonesia. Posts: 95 Thanks: 2 Thanked 7 Times in 7 Posts	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
	- Create theme for wordpress and customization for wordpress! - Install Script (any script, you name it) - Setup and setting your Butterfly Marketing Script (so you just need to marketing it), Fix script. Satisfaction GUARANTEE. PM me to know details.www.InstallScriptService.com

11-10-2009, 12:55 AM	#15
mark z HyperActive Warrior War Room Member Join Date: Oct 2009 Posts: 228 Thanks: 15 Thanked 19 Times in 17 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	#16
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	#18
nuwav Active Warrior War Room Member Join Date: Feb 2009 Location: London, UK Posts: 60 Thanks: 15 Thanked 8 Times in 8 Posts Social Networking	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
	My blog - Publishing And Marketing Online \| (Free Guide) Info Product Creation Resources

11-11-2009, 03:47 PM	#19
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