Web Design Information

How to Create a Favicon for Your Web Site


One of the simplest things you can do to give your site 'identity' and to make it stand out from other sites is to use a favicon (favourite icon). They are the little logos that go next to the website listing in your favourites folder, and pop up in other places, (depending on your browser and operating system). To see one, go to www.bigwowwebhosting.com. Bookmark the site, open another browser window and then go to open the bookmark you have just made. The 'B' next to the words 'Big Wow Web Hosting- Home' is the favicon.

Want one? Just follow these 3 simple steps:

1) Choose the logo you want to use for your favicon. On my site, I use a 'B' in the same format as the website title, buut anything will do, as long as it reflects the look and feel of your website. Bear in mind that the size of it will be reduced to 16 x 16 pixels.

2) If it isn't already, convert your logo into a .JPG or.GIF and either make it 256 color Web Safe Palette or the Windows 16 color format (the fewer colors the better). Then, using a graphics package or image manipulation software, reduce the image to 16 pixels wide by 16 pixels high. Try to preserve the image resolution. This is the part where you find your fantastic logo looks rubbish when 16 x 16 pixels! If your having trouble, you could use a free icon converter like Image Icon Converter or use an icon editor such as ImageAuthor to build your icon from scratch.

3) Now, save your logo as "favicon.ico". This is the default icon name that web browsers like Explorer and Netscape look for. Upload it into the root directory of your web site (the main directory that contains all your HTML pages). Voila! Your favicon should now be working!

To test your favicon, get a friend to bookmark your site and then open a new browser window. If is next to your listing in their bookmarks, it works!

To test your favicon in the designing stages, dump your cache and open a new browser window between tries before bookmarking your site. If you don't you will just see the same favicon as when you first bookmarked it, as your computer will have cached it in an effort to reduce loading times.

That's all you need to do! You now have an eye-catching logo representing your web site in the favorites list of all your visitors. A professional touch for very little effort.

If you want, you can create a customized icon for each page on your site - instructions for this can be found at www.favicon.com.

Tim Shaw is director of (Big Wow Web Hosting), a cheap and reliable web host. He has written several books and ebooks on web hosting, and has had many years experience in computers, the web and web hosting.


MORE RESOURCES:

HostGee Web Design Saudi Arabia Announces Corporate Website Design Services at ...
PR.com (press release)
Makkah, Saudi Arabia, May 23, 2012 --(PR.com)-- At HostGee, Web Design Saudi Arabia, they understand how critical it is for a person to have a professionally designed corporate website, as this is why they take care of the minutest details.



RocketWebDesign.com Announces Free Web Design with a Six Month SEO Package ...
SBWire (press release)
Rocket Web Design has extended its services of Free Web Design at a price fit for every pocket. They commit to deliver service through innovation and full customer satisfaction. Woods Cross, UT -- (SBWIRE) -- 05/22/2012 -- Rocket Web Design has ...



Hendrix College Launches Site with Responsive Web Design
Campus Technology
This concept is called responsive Web design. The Conway, AR-based school turned to the Ektron 8.5 Web Content Management System to handle the content for the Web site since it follows a mobile-first philosophy. How responsive design works is, ...

and more »


Hendrix College Website Leverages Ektron for 'Responsive Web Design' Results
MarketWatch (press release)
Leveraging the cutting-edge concept of Responsive Web Design (RWD), the Hendrix College site executes different content queries based on the maximum width of a visitor's display. This responsive media-based query system, which is enabled by the Ektron ...

and more »


Choiceonesolutions.com Wins Best Web Design Firm in Arizona Award
Broadcast Newsroom
PHOENIX, AZ -- (Marketwire) -- 05/21/12 -- The leading business association in Northern California has come out with their rankings of top web design firms and they have nominated and elected Choiceonesolutions.com as the winner for the second straight ...

and more »


Digital Arts Online

Panic Coda 2 web design tool launched, Diet Coda for iPad for quick site ...
Digital Arts Online
Coda is Panic's wide-ranging Web development editor. The original version offered a tabbed interface that let you write and edit HTML and other code, create and modify CSS, do command-line work, generate live previews, look up code references, ...

and more »


Deal: Enhance Your Web Design Skills With The Dreamweaver Essentials Course
Macgasm
If you use Dreamweaver for your web design work, or would like to start using Dreamweaver, you may want to check out our latest deal. We're offering the Dreamweaver Essentials Course for only $154 $49. With this course, you'll get 7.5 hours of ...



Indizine offers a comprehensive Doncaster web design service
Online News Today
From established businesses through to recent start-ups marketing and web design are key aspects wholly integral to the smooth running of operations – they represent the bulk of strategies which draw the consumer eye and inherently create the online ...



Yell Client or New Business? Low Cost Web Sites from Kent Web Design
PR Web (press release)
The Dover based Web Design firm has introduced a low cost web design service aimed at existing Yell clients wanting to move. Also it is ideally suited toward any low cost start up business and is priced reasonably at £299 per website.

and more »


Hendrix Website Models Responsive Web Design
Hendrix College Events and News
CONWAY, Ark. (May 21, 2012) - The new Hendrix College website, launched in spring 2012, was recently touted by Ektron, a content management service, as a model of responsive web design. The site executes different content queries based on the maximum ...

and more »

Google News

home | site map
© 2006