Hur Man Skapar En Ikon För En Webbplats

Innehållsförteckning:

Hur Man Skapar En Ikon För En Webbplats
Hur Man Skapar En Ikon För En Webbplats

Video: Hur Man Skapar En Ikon För En Webbplats

Video: Hur Man Skapar En Ikon För En Webbplats
Video: Bygg din egen Wordpress-baserade webbplats 2024, Maj
Anonim

En ikon för en webbplats eller, som det oftare kallas, en ikon är vad du kan se i hörnet bredvid namnet på fliken i webbläsaren. Dessutom visas ikonen mittemot webbplatsens namn i listan med "Favoriter", du kan också se den när sökmotorn visar din webbplats i sökresultaten.

Hur man skapar en ikon för en webbplats
Hur man skapar en ikon för en webbplats

Det är nödvändigt

  • - webbplatslogotyp,
  • - Photoshop,
  • - favicon-omvandlare.

Instruktioner

Steg 1

Öppna din webbplatslogotyp i Adobe Photoshop. Om det inte finns någon logotyp kan du ta någon annan bild, det är bara viktigt att den är kopplad till din webbplats. Bearbeta bilden genom att ta bort alla onödiga detaljer och minska nu storleken till 32 eller 16 pixlar på varje sida. Spara sedan bilden som en png- eller gif-grafikfil.

Steg 2

Bäst av allt, om du slutar skapa en fil med en upplösning på 32x32 pixlar, eftersom användare ibland sparar genvägarna till de webbplatser de gillar på "Desktop" och där 16x16 pixlar bilder ser otillräckligt detaljerade ut. Tänk dock på att din webbläsare fortfarande kommer att skalas till 16x16 pixlar i webbläsaren, det här är bilderna som visas i Favoriter och i titeln.

Steg 3

Nu måste du konvertera bilden till en ico-fil. Detta kan göras med hjälp av ett plugin-program för Photoshop eller med en gratis internettjänst, till exempel https://favicon.ru/. Det finns många plugins och tjänster, de fungerar nästan på samma sätt, så det är ingen mening att ge råd om någon specifik. Dessa webbplatser kallas favicon-generatorer.

Steg 4

Byt namn på den resulterande filen till favicon.ico.

Steg 5

Gå nu till din webbplats kontrollpanel och hitta rotkatalogen där den första sidan finns. Detta är vanligtvis index.html eller en annan fil som innehållshanteringssystemet genererar. Det kan redan finnas en ikon som heter favicon.ico. Ta i så fall bort den gamla ikonen och ersätt den med din egen.

Steg 6

Om rotkatalogen inte är tillgänglig för dig, liksom i dessa fall om du själv skrev koden för webbplatsen, måste du redigera alla sidor på webbplatsen där ikonen ska visas. Öppna sidan i en redigerare och lägg till en post i rubriken

Steg 7

Om ikonen inte finns i rotkatalogen utan någon annanstans skriver du hela sökvägen till filen i href-parametern.

Rekommenderad: