Hur du lägger upp en favorit på din webbplats

• April 28, 2024

Favicon, eller genvägsikon, är den lilla bilden som visas bredvid en webbplatss url i din webbläsares adressfält. Det visas också bredvid webbplatsens namn i listan över bokmärken eller favoriter, och om du använder en webbläsare med flikar kan det också dyka upp på fliken.

Att lägga en favorit på din webbplats är ett trevligt sätt att lägga till lite personlighet, och det är faktiskt ganska enkelt. Den svåraste delen av processen är att välja en bild till att börja med! Om du har ett bra öga för grafik kan du designa din egen. Om inte kan du alltid välja en bild från webben. Om du bestämmer dig för att använda en befintlig bild, ladda INTE helt enkelt ner en grafik från en annan webbplats och skicka den till din egen - du kränker den webbansvariga upphovsrätten och kan hamna i allvarliga problem. Ta istället en bild från en av de gratis källorna på Internet.

Ditt favicon måste ha en specifik storlek för att fungera - antingen 16X16 pixlar eller 32X32 pixlar. Det här är väldigt litet, så när du väljer din basbild ska du vara säker på att det är en som kommer att se bra ut krympt till portostämpelstorlek. Ljusa färger och enkla former fungerar vanligtvis bäst. Du måste också spara din bild i ett av de accepterade faviconformaten: .png, .gif eller .ico. De flesta webbutvecklare använder .ico eftersom din favicon sannolikt kommer att vara den enda filen på din webbplats med det tillägget, så det kommer att sticka ut när du bläddrar igenom webbplatsens kataloger.

Du kan använda ett av ett antal gratis webbverktyg för att konvertera din bild till en korrekt storlek .ico-fil. Jag använder en som erbjuds av tillverkarna av HTML Kit, som låter dig skapa både statiska och animerade favoriter. Det finns en länk till favicon-verktyget nedanför denna artikel.

Nu kommer den enkla delen - att lägga till favicon till din webbplats! Du har två alternativ för att visa favoritbilden. Det första och säkraste alternativet är att sätta följande kod i huvudavsnittet på varje sida där du vill att favikonet ska visas och ersätta "href" -delen med url till ditt favicon:


type = "image / ico"
href = "// example.com/myicon.ico">

Det andra alternativet är att namnge din favicon "favicon.ico" och placera den i din rotkatalog (detta är vanligtvis samma katalog som din hemsida). Med den här metoden behöver du inte ens lägga till kod på dina webbsidor, och nästan alla webbläsare plockar upp ikonen - vissa webbläsare (vanligtvis äldre) visar inte favikonet om du använder den här metoden.

Video Instruktioner: Skydda och säkerhetskopiera din webbplats (April 2024).