När du besöker en webbplats som Google, Yahoo eller Google, kanske du märker att det finns en liten ikon till vänster om adressfältet. Detta är känt som en favicon, och du kan skapa din egen för en webbplats. Samt ger din webbplats en mer professionell känsla, visas ikonen i användarens bokmärken bredvid de sidor på din webbplats de in i sina favoriter. Detta kan hjälpa dem att hitta din webbplats lättare.
Steg
- 1Skapa en bild som är 16x16 pixlar. Det borde vara en enkel bild, så att det är direkt igenkännbara.
- 2Konvertera bilden till en favicon. ICO-fil. Det måste kallas just detta, eller att webbläsaren kommer inte att erkänna det. Ett enkelt sätt att göra detta är att använda Dynamic generator drive favicon. Ett annat sätt är att använda ett gratis bildredigerare och spara 16x16 bild i ICO-format.
- 3Ladda upp den genererade filen till din webbplats.
- 4Lägg till följande kod i din webbplats HTML. Du bör sätta det i <head> delen av koden, och kontrollera att sökvägen till ikonen är korrekt, i förhållande till webbsidan. Koden följer (förutsatt både html och ICO är i samma översta katalogen..):
- <link rel="shortcut icon" href="Iw==" />
- 5Uppdatera sidan, steg tillbaka och beundra din webbplats vacker ny ikon.
Tips
- Även om din ikon kommer att vara mycket liten, vara säker på att andra människor lätt kan läsa / förstå det.
- Om du använder Linux, kan du konvertera filen direkt på din dator. Bara välja en lämplig bild, öppna din kommandorad, navigera till den katalog där du lagrar bilden och typ: konvertera picture.png-storleksändring 16x16! favicon.ico (byt picture.png med bildens filnamn).
Varningar
- Även om du har skapat din favicon framgångsrikt, kommer inte alla som besöker din webbplats ser det. Endast Internet Explorer version 5.0 + favicons display, samt Netscape 7.0 +, Opera 7.0 +, Firefox, Safari och Chrome. Äldre webbläsare helt enkelt visa inte din ikon. Även för en favicon att visas i adressfältet i Internet Explorer version 5.0 + måste sidan först sparas som en favorit. Sedan kommer det att dyka upp nästa gång besökaren klickar på favoriten eller hand typer i URL i adressfältet. Det har också varit problem med att få Safari att visa faviconer också.