Hoe te om een favicon te maken

Gepost op 10 April, 2008 in 5:10 am

Het zoeken van een manier aan cre�ër een FavIcon? Als u het Web regelmatig doorbladert, hebt u waarschijnlijk opgemerkt dat heel wat plaatsen een klein pictogram hebben dat voor het websiteadres in uw browser of referenties verschijnt. Vele websites gebruiken favicons (aka Favoriet Pictogram) als manier om hun website te brandmerken, zodat wanneer u dat pictogram ziet, u weet automatisch welk bedrijf of product het vertegenwoordigt.

Bijvoorbeeld, neem een blik op dit ogenblik bij uw adresstaaf en u zult opmerken dat links van URL een klein pictogram is dat als een net kijkt:

Ook, als ik mijn Referenties Firefox of D.W.Z. Favorieten bekijk, zie ik ook zelfde favicons naast om het even welke websites die hen gebruiken:

Het gebruiken van een FavIcon voor uw plaats is een goede praktijk aangezien het bezoekers helpt om uw plaats onder grote aantallen referenties, enz. snel te identificeren. Zo hoe gaat u over het creëren van een FavIcon voor uw plaats?

Hoe te om een FavIcon te maken

De eerste stap in het creëren van een FavIcon is een beeld eigenlijk te vinden of grafisch te creëren die u als uw pictogram wilt gebruiken. Een FavIcon heeft altijd een 16×16 pixeldimensie, zodat zou u zeer zorgvuldig moeten zijn wanneer het kiezen van of het creëren van uw eigen beeld.

Probeer om een pictogram te vinden of grafisch dat zeer weinig heeft die met het in termen van ontwerp gaat. Eenvoudigere grafisch u kan vinden, zal beter uw FavIcon blijken. Ook, zorg ervoor dat grafisch een vierkant is, zo fundamenteel waar de lengte en de breedte gelijk zijn. Als u een portret of een landschapsbeeld hebt, zal het resized aan 16×16 en daarom zal geworden worden of uitgerekt of squished.

U kunt uw eigen beeld ook tot stand brengen gebruikend de Verf van Microsoft of gelijkaardige foto het uitgeven software. Wanneer u wordt gedaan, zorg u sparen het dossier ervoor in het formaat van GIF, van JPG, van PNG, of BMP.

Nu u uw beeld hebt, ga aan DynamicDrive en gebruik hun generator FavIcon om onze FavIcon van het beeld te creëren.

Ga door en doorblader aan de plaats van uw beelddossier en kies dan Cre�ër Pictogram.

En werkelijk is dat het! U zult nu een voorproef worden van hoe uw FavIcon in daadwerkelijke browser zou kijken en u kunt of te werk gaan om FavIcon te downloaden of u kunt een ander beeld eenvoudig kiezen.

Wat ik ongeveer van deze plaats houd is dat het u ook instructies op hoe te om een FavIcon aan uw website te installeren geeft, die een klein beetje harder dan eigenlijk creërend FavIcon zelf is. Hier is wat u moet doen:

Eerst, download het dossier en upload dan FavIcon, die door de manier zou moeten worden genoemd „FavIcon.ico“ aan WORTEL folder van uw plaats. It’s very important that the file be named favicon.ico and that it be located in the root directory on your web server. You can verify that you uploaded it correctly by typing

http://mysite.com/favicon.ico

in the browser’s location, where “mysite.com” is your web site’s Internet address. Now you need to insert one line of code into the <HEAD> section of your web sites pages. Note that this code has to be on every page that you want the FavIcon to appear for. This is easy if you have a site that uses templates and pulls in header, footer, and other files individually.

If all of your pages are static and you do not use templates or includes, you’ll have to manually edit the HTML in each page. The line of code you’re going to want to add is as follows:

<link rel=”shortcut icon” href=”/favicon.ico”>

The icon may not show up immediately, so be patient. Also, sometimes it doesn’t appear at all, especially with IE as there is a browser bug.

Hopefully with this short tutorial you have been able to create a FavIcon and get it up and working on your site. If you have any questions, feel free to post a comment! Enjoy!