Hoe favicon maken?

Hoe favicon maken? Wij zochten het voor je uit:

Stap 1 U kunt uw eigen ikoon creeren door een beeld naar uw eigen keus te gebruiken. Vele beelden zijn niet duidelijk en netjes te verkleinen, dus kies een beeld dat eenvoudig en duidelijk is, en wat duidelijk in grootte gereduceerd kan worden.

Stap 2 Open het beeld in een fotobewerkings-programma wat u heeft. GMP, Photoshop, Fireworks of Paint Show Pro doen
allemaal wat u nodig heeft (zie de tips hier onder als u geen van deze software beschikbaar heeft).

Stap 3 Knip het beeld, zodat het alleen het materiaal bevat wat u wilt dat in het favicon verschijnt, reduceer dan de grootte tot 16 bij 16 pixels. De beeld resolutie moet 72 of 96 dpi zijn.

Stap 4 Bewaar het nieuwe beeld. U kunt het bewaren als JPEG, GIF of PNG. Laadt het beeld op naar uw website.

Stap 5 De juiste manier om de ikoon te koppelen hangt af van de uitvoering van de HTML wat u in uw website gebruikt. Om de ikoon te koppelen gebruik HTML 4.01, voer de code in die getoond wordt in het beeld in de kop van het document. Natuurlijk moet u uw eigen informatie invoeren, zoals de naam van uw beeld en server.

Stap 6 Als uw website XHTML 1.0 gebruikt, gebruik dezelfde code die u ziet in dit beeld. Wederom, pas de informatie aan om uw eigen server en beeldnaam aan te passen.

Stap 7 Met deze optie en het gebruik van rel=”shortcut icon”attribuut zal de link werken in XHTML. Kijk naar de code in het beeld. De ikoon moet “faicon.ico” genoemd worden, en de ikoon moet opgeslagen worden worden in de bovenste stand van de website (in geen enkele sub-ordner) om deze link te laten werken.

Stap 8 U kunt een volstrekte link voor het beeld gebruiken zoals in het HMTL 4.01 voorbeeld, of een relatieve links zoals in het HMTL 1.0 voorbeeld. Gebruik uw gewone manier om naar het beeld te linken, relatief of volstrekt, of dat het HMTL 4.01 of XHMTL is.

Stap 9 Laadt de pagina op met de nieuwe code in de document kop, en her-laadt uw pagina om te testen, en er zeker van te zijn dat uw nieuwe favicon in de browser -locatiebalk verschijnt.