Video: Ikon vid webadress(favicon)- Bloggdesign 2024
Du kanske inte är bekant med termen favicon, men du har definitivt sett en förut. En favicon eller favoritikon, är en liten liten ikon som används för att identifiera din blogg i en webbläsare.
Du ser oftast ett favicon i en webbläsarens adressfält (som favicon för Momcomm-bloggen som visas i följande figur) eller inom en flik för webbläsare. Men ett favicon visas också bredvid ditt bloggnamn när någon bokmärker din blogg och i vissa RSS-läsare.
Ett favicon kan se ut som en enkel liten grafik, men den packar en kraftfull stans. En anpassad favicon polerar bort utseendet på din bloggdesign och lägger till en annan plats för bloggens varumärke. Utan ett favikon, visar din blogg symbolen på din bloggplattform eller en ännu mer generisk pappersikon. Eftersom många användare surfar på nätet med flera flikar öppna, gör en favikon din blogg lätt att upptäcka genast. Lägg märke till hur den rosa smiley face-ikonen ser ut i följande figur.
Favicons är små små saker, bara 16 x 16 pixlar. Så när du utformar ditt favicon, håll följande riktlinjer i åtanke:
-
Håll dig till en enda bild: Ett favicon är inte platsen för att kombinera en massa grafiska element. Enklare fungerar bättre.
-
Spara med bokstäver: Ingen kommer att kunna läsa ett helt ord. Om du vill använda initialer, håll dig till en eller två bokstäver.
-
Dra ett igenkännligt designelement från din bloggdesign: Du vill att folk ska knyta favikondesignen med din bloggdesign. Om det designelement du väljer inte är en kvadrat, spara den som en. png-filen (innan du sparar den i ikonformatet, som noterat på ett ögonblick) för att säkerställa att din bakgrund är transparent. Annars omger en vit låda ditt designelement.
Välj ett designelement utan mycket fin detalj eftersom sådan detalj inte är synlig i liten storlek.
Du kan skapa en favikonbild i någon bildredigeringsprogram. Innan du använder den på din blogg, ändra filformat från en. jpg,. gif eller. png till en. ico-fil, som står för ikonen. Det enklaste sättet att ändra filformatet är att ladda upp din favicon-bild till en webbplats som omvandlar din bild till en. ico-fil. Du behöver inte ens utforma ikonen som 16 x 16 pixlar eftersom dessa webbplatser storlekar favicon för dig. Var noga med att din bild är kvadratisk (32 x 32 pixlar, 64 x 64 pixlar, och så vidare).
Här är två ställen att konvertera din bild till en favikon:
-
Favicon. cc
-
Faviconr
För att lägga till favikonet i din Blogger-blogg, gå till Dashboard → Layout och välj sedan Redigera i favicon-området för att ladda upp din favikonfil.
Om du vill lägga till favicon i din WordPress-blogg kan du använda kod (se avsnittet Tekniska saker som följer) eller använd ett plug-in som något av följande:
-
Allt i ett favicon
-
WSA Favicon >: Denna plugin konverterar också en bild till en. ico bild. Vissa bloggteman har också en plats inom inställningarna för att lägga till en favicon själv.
Om ditt bloggtema inte har ett enkelt ställe att ladda upp ditt favicon och du inte vill använda en plug-in, kan du använda en liten kod för att få den att visas. För att installera en favicon med den här metoden, släpp den. ico-filen i din blogg temaplicka. Redigera sedan ditt rubrik. php-fil för att lägga till följande mellan och:
Var noga med att ersätta webbadressen med platsen för ditt favicon. För att ditt favicon ska dyka upp i RSS-läsare, släpp bilden också i din rotkatalog.