Category : Html | Author : Chtiwi Malek | First posted : 10/21/2012 | Updated : 11/27/2012
Tags : favicon, icon, favicons, favorite, markup, html5, website, how to
How to setup a Favorite icon for your website

How to setup a Favorite icon for your website

What's a Favorites Icon ?

The favorite icon is a custom icon you can display to your visitors just before to your domain name in the address bar, you can show your organization logo, a mascot… when users add your website to their favorites the icon will be shown too along with the page/website name.

Using a favorite icon doesn’t have an impact on your site speed or performance because the file is too small and it will cached.

Creating a Favorite Icon

Even if some browsers like firefox accept and display a Png, Jpg or Bmp formats.. The favorite icon should be in .ICO format, 16x16 pixels and 256 colors.

So all you have to do is to create a picture (16x16 px) with any graphic software like Photoshop, paint shop pro … Draw your graphic and save to a Windows Icon Format (.ICO) under the name “favicon.ico”

You can also use an icons creation dedicated software like Axialis IconWorkShop.

Setup a Favorite Icon on your website

If the browser doesn’t find an explicit icon markup in the Head section of your page, it will look for a file named favicon.ico in your root directory, so you can just copy the favicon.ico to your root directory (http://www.yoursite.com/favicon.ico) and your icon will be displayed for your entire domain (all your website pages).

if you need to place your favicon file in a directory or need different favicons for different sections you will have to add this line to each page in your site (in the head section) :
<link href="/your_dir/favicon.ico" rel="shortcut icon" type="image/x-icon" />
About the author :
Malek Chtiwi is the man behind Codicode.com
34 years old full stack developer.
Loves technology; but also likes design, photography and composing music.
Comments & Opinions :
RAMI
Nice Tutorial
- by Rami on 12/3/2013
wq
michael kors handbags, nike running, calvin klein outlet, coach factory outlet online, nike soccer shoes, toms outlet online, oakley sunglasses, nj jerseys, beats by dre headphones, giuseppe zanotti, oakley, tommy hilfiger, celine outlet, redskins jerseys, fivefingers, ray bans, coach outlet, barbour jackets, eagles jerseys, cheap oakley sunglasses, bcbg max, north face, chargers jerseys, cheap oakley, converse sneakers, dsquared2 outlet, coach factory online, michael kors outlet, nike factory, red bottom shoes, timberland outlet, oakley outlet, ipad mini cases, 49ers jerseys, jordans for sale, michael kors outlet online, panthers jerseys, hermes outlet, rolex, lunette ray ban, hermes birkin bag, longchamp, north face jackets, mcm bags, purses and handbags, adidas online shop, designer handbags, sacramento kings, adidas superstar, the north face, rolex watches, eyeglasses stores, new balance, air max 2014, oakley sunglasses outlet, nike free run, michael kors purses, michael kors, burberry sale, air jordan retro, ray ban outlet, indiana pacers jersey, burberry sale, retro jordans, dsquared2, prada outlet, purses and handbags, hogan, texans jerseys, seahawks jerseys, ed hardy clothing, longchamp handbags, michael kors, oakley, ralph lauren factory store, cheap oakley sunglasses, nike.dk, mcm handbags, new balance outlet, babyliss flat iron, kate spade, rayban, michael kors bags, coach black friday, easton bats, abercrombie, converse shoes, pandora charms, tommy hilfiger outlet, tory burch handbags, giuseppe zanotti sneakers, north face backpacks, nike free 5.0, true religion outlet, burberry, ray ban outlet, timberland, nfl jerseys, mcm backpack, ray ban zonnebril, michael kors, nike fu?ballschuhe, oakley sunglasses, hogan mens shoes, burberry outlet online, hogan sito ufficiale, miami heat, coach outlet online, iphone 4s cases, polo ralph lauren, swarovski crystal, barbour jacket outlet, nike store, michael kors outlet online, michael kors v?skor, hollisterco, rayban, nike free, ferragamo, toms outlet, adidas.se, cheap jerseys, barbour jackets, true religion outlet, steelers jerseys, nike roshe run, true religion jeans women, nike huarache, milwaukee bucks jersey, air max, toms shoes outlet, polo ralph lauren outlet online, ralph lauren black friday, adidas superstar, zapatillas nike, pandora bracelet, coach factory outlet online, cheap jerseys, coach outlet online, hugo boss outlet online, portland trail blazers jersey, michael kors handbags, oakley sunglasses outlet, chrome hearts rings, polo outlet online, replica rolex, ecco shoes outlet, toms shoes outlet, true religion, nfl jerseys, warriors jerseys, north face canada, salvatore ferragamo, buccaneers jerseys, pandora jewellery australia, nike air max, north face outlet, burberry outlet store, okc jerseys, michael jordan, easton bats, beats audio, nike air huarache, timberland boots, raiders jerseys, burberry outlet store, michael kors outlet, prada tracksuits, nba jerseys, tommy hilfiger online, mavericks jerseys, kate spade bags, chiefs jerseys, mcm handbags, versace outlet, polo ralph lauren outlet, oakley sunglasses, polo outlet store, nike air max, nike mercurial vapor, toms shoes, michael kors uk, salomon schuhe, longchamp handbags, ferragamo shoes, nike running shoes, suns jersey, longchamp outlet, giants jerseys, air max 90, bcbg max azria, 76ers jerseys, ray ban sunglasses, north face jackets, long champ, ray ban outlet, michael kors handbags, cheap jerseys, p90x3, falcons jerseys, www.tommyhilfiger.nl, jordan shoes, hollister online, ralph lauren outlet online, true religion jeans outlet, adidas, los angeles lakers, ralph lauren, ray ban sunglasses, hollister clothing, polo ralph lauren, air jordan shoes, minnesota timberwolves jersey, red bottom, toms.com, ray-ban sunglasses, nike.se, adidas yeezy shoes, new balance, ralph lauren outlet, cheap nike shoes, stephen curry shoes, prada handbags, swarovski online shop, toms shoes outlet, nike blazers, wedding dress, pandora, lac jersey, montre homme, cheap basketball shoes, dre headphones, oakley sunglasses, ralph lauren polo, new balance, michael kors outlet online sale, juicy couture outlet, oakley frogskins, nike air force, nike air max, nike shoes, denver nuggets jerseys, soccer shoes, azcardinals jerseys, ralph lauren polo, ferragamo shoes, coach outlet store, burberry, pandora canada, longchamp outlet, rayban, oakley sunglasses cheap, tory burch sandals, uhren shop, prada shoes, burberry online shop, rolex watches, burberry outlet online, burberry, replica watches, kate spade, nike huarache, tommy hilfiger canada, jaguars jerseys, jimmy choo, reebok, christian louboutin shoes, pandora charms, longchamp taschen, adidas zx flux, asics, airmax, houston rockets, louboutin shoes, cheap michael kors, coach shop, cavaliers jersey, givenchy shoes outlet, cheap jerseys, tory burch, detroit pistons, ralph lauren, swarovski, mcm handbags, nike air max, packers jerseys, ray ban wayfarer, hilfiger online shop, converse outlet, vans shoes, hollister co, michael kors, polo ralph lauren, michael kors, nike tn, cheap ray ban, ralph lauren, titans jerseys, hollister, coach bags outlet, air max 2014, cheap nfl jerseys, air max, juicy couture, supra shoes, cheap oakley sunglasses, michael kors, toms shoes outlet, polo ralph, air max, air max thea, browns jerseys, burberry handbags outlet, bottega veneta, woolrich womens jackets, jordan retro, polo ralph lauren, hoodies store, northface, michael kors purses, michael kors outlet, hornets jersey, replica watches, celine outlet, michael kors australia, washington wizards jersey, longchamp, veneta, the north face outlet, bills jerseys, nike air max, marc by marc jacobs, lions jerseys, adidas shoes, burberry outlet online, adidas sneakers, spurs jerseys, hermes belt, michael kors bags, fendi, atlanta hawks jerseys, thomas sabo, celtics jersey, oakley sunglasses, timberland outlet, rams jerseys, handbags outlet, michael kors outlet, gafas oakley, swarovski crystal, christian louboutin uk, true religion jeans men, vans schuhe, chi hair, dre beats, the north face, chi flat iron, patriots jerseys, oakley sunglasses cheap, red bottom, barbour mens jackets, nike store, coach bags outlet, philipp plein clothing, replica watches, levis jeans, rolex replica, new orleans pelicans jersey, sunglasses for women, jordan shoes, puma online shop, nike running shoes, coach outlet usa, tory burch sandals, nike roshe run, louboutin, coach outlet, ray ban sunglasses outlet, converse chucks, nfl jerseys, burberry outlet store, cheap shoes, kate spade handbags, nike air max, coach usa, colts jerseys, prada, michael kors, burberry outlet, michael kors outlet online sale, toronto raptors jersey, oakley sunglasses, prada outlet, new balance shoes, valentino outlet, bulls jerseys, mizuno running shoes, nike roshe run, ray ban occhiali, nike.com, bengals jerseys, coach bags outlet, ray ban pas cher, cheap michael kors, nike roshe run, thomas sabo uk, coach purses outlet, omega watches, ralph lauren online shop, nba jerseys, cowboys jerseys, jimmy choo outlet, coach outlet sale, hilfiger outlet, ralph lauren outlet online, broncos jerseys, swarovski jewelry, polo outlet, lacoste shirts, ray bans, saints jerseys, cheap jerseys, ray ban wayfarer, supra footwear, barbour womens jackets, ny jersey, marc by marc jacobs, nike schoenen, soccer shoes outlet, nike store uk, philipp plein, swarovski australia, christian louboutin, nike shoes, memphis grizzlies jersey, michael kors uhren, mbt womens shoes, dolphins jerseys, jets jerseys, roshe run, michael kors handbags, ray ban uk, vikings jerseys, ravens jerseys, montblanc, orlando magic jersey, bears jerseys, utah jazz jersey, vans outlet, hollister co, oakley, armani outlet online, nike air max thea, puma shoes outlet, roshes, asics gel, coach outlet online, womens clothing, relojes, instyler ionic styler
- by wq on 6/15/2017
Leave a Comment:
Name :
Email : * will not be shown
Title :
Comment :


» Member access