Hur man skapar en Favicon.ico -fil: 5 steg (med bilder)

Innehållsförteckning:

Hur man skapar en Favicon.ico -fil: 5 steg (med bilder)
Hur man skapar en Favicon.ico -fil: 5 steg (med bilder)

Video: Hur man skapar en Favicon.ico -fil: 5 steg (med bilder)

Video: Hur man skapar en Favicon.ico -fil: 5 steg (med bilder)
Video: Tricks of the Masters and Secret DEVICES !! 35 best ideas for 2020! 2024, December
Anonim

När du besöker webbplatser som Google, Yahoo eller wikiHow kan du se en liten ikon till vänster om adressfältet. Denna ikon är känd som en favicon, och du kan skapa en för din egen webbplats. Förutom att ge webbplatsen en professionell känsla, kommer denna ikon att visas i användarens bokmärkesegment, bredvid de webbplatser som de markerar som favoriter. På så sätt kan användare hitta din webbplats lättare.

Steg

Skapa ett Favicon.ico Steg 1
Skapa ett Favicon.ico Steg 1

Steg 1. Skapa en bild med en storlek på 16 x 16 pixlar

Använd enkla bilder för enkel identifiering.

Skapa ett Favicon.ico Steg 2
Skapa ett Favicon.ico Steg 2

Steg 2. Konvertera bilden till en "favicon.ico" -fil

Filen måste namnges på det sättet för att webbläsaren ska känna igen den. Det enklaste sättet att göra detta är att använda Dynamic Drive FavIcon Generator -tjänsten. Du kan också använda det kostnadsfria bildredigeringsprogrammet GIMP och spara bilden med en upplösning på 16 x 16 pixlar i ICO -format.

Skapa ett Favicon.ico Steg 3
Skapa ett Favicon.ico Steg 3

Steg 3. Ladda upp den skapade filen till webbplatsen

Skapa ett Favicon.ico Steg 4
Skapa ett Favicon.ico Steg 4

Steg 4. Lägg till följande kod i webbplatsens HTML

Du måste lägga till den i kodsegmentet och se till att ikonkatalogadressen är korrekt enligt webbsidan. Här är koden du måste ange (förutsatt att både.html- och.ico -filerna finns i samma topp-/huvudkatalog):

Skapa ett Favicon.ico Steg 5
Skapa ett Favicon.ico Steg 5

Steg 5. Ladda om sidan, ta en titt och beundra den vackra nya ikonen för din webbplats

Tips

  • Även om de är väldigt små, se till att människor enkelt kan läsa eller förstå de ikoner som används.
  • Om du använder Linux -operativsystemet kan du konvertera filer direkt från din dator. Välj lämplig bild, öppna ett kommandoradsprogram (kommandorad), besök katalogen där bildfilen är lagrad och skriv: convert image-p.webp" />

Rekommenderad: