Er verschijnt een favicon in de adresbalk van uw browser. Bijvoorbeeld, is de favicon voor eHow de letter O met een vinkje die u in het logo van de site ziet. Veel sites gebruiken deze favicons te helpen identificeren en het merk van hun site. Ik zal hier bekijkt u de stappen voor het maken van een favicon voor uw eigen website.
Wat die u nodig hebt
- Een website
- Een favicon beeld
U kunt uw eigen pictogram met behulp van een afbeelding van uw keuze. Veel afbeeldingen niet verkleinen duidelijk en netjes, dus kies een afbeelding die is eenvoudig en duidelijk en duidelijk in omvang zal verminderen.
Open de afbeelding in elke foto het uitgeven hulpmiddel hebt. GIMP, Photoshop, Fireworks of Paint Toon Pro zal alles doen wat u nodig (Zie Tips hieronder als u geen om het even welk van deze software beschikbaar).
Bijsnijden van het beeld zodat alleen het materiaal dat u wilt weergeven in de favicon bevat, dan verkleinen naar 16-bij-16 pixels. Resolutie van de afbeelding moet 72 of 96 dpi.
Sla de nieuwe afbeelding. U kunt het opslaan als een JPEG-, GIF- of PNG. Upload de afbeelding naar uw website.
De juiste manier om te linken naar het pictogram is afhankelijk van de versie van HTML die u in uw website gebruikt. Link naar het pictogram met behulp van HTML 4.01, plaatst de code weergegeven in de afbeelding in de kop van uw document. Natuurlijk moet u uw eigen gegevens, zoals de naam van uw image en de server.
Als uw webpagina gebruikmaakt van XHTML 1.0, gebruik code die vergelijkbaar is met wat je in deze afbeelding ziet. Nogmaals, de informatie aanpassen aan uw specifieke server en imago naam aanpassen
Deze optie via de rel = "shortcut icon" attribuut voor de link in XHTML werken zal. Zie de code in de afbeelding. Het pictogram moet worden genoemd "favicon.ico" en het die het pictogram moet worden opgeslagen op het hoogste niveau van de website (niet in eventuele submappen) voor deze koppeling werkt.
Een absolute koppeling naar de afbeelding, zoals in het voorbeeld HTML 4.01 of een relatieve koppeling, kunt u zoals in het voorbeeld van XHTML 1.0. Gebruik uw normale methode te koppelen aan de afbeelding, relatieve of absolute, of het nu HTML 4.01 of XHTML.
Uploaden van de pagina met de nieuwe code in het document hoofd en Herlaad uw pagina te testen om ervoor te zorgen dat uw nieuwe favicon in de adresbalk van de browser wordt weergegeven.
- Een web-based tool op Dynamic Drive genaamd de Favicon generator zal helpen u bij het maken van de afbeelding, hebt u niet van de software het zelf te doen.
- Een Adobe AIR-toepassing zal de pictogrammen voor u aanmaken. Het moet worden gedownload en geïnstalleerd op uw computer, maar het is gratis. U zou ook moeten downloaden en installeren van Adobe AIR-runtime, maar het is ook gratis.