ditt varumärkes logotyp måste bo på femtiotal olika platser, från en liten favicon på din webbplats till en enorm skylt på en upptagen motorväg. Även på din webbplats finns det olika platser för din logotyp att gå, och i olika riktningar och storlekar. Och varje gång du använder din logotyp – eller en variant av if-måste den vara konsekvent, skarp och igenkännlig.

När du känner till de olika logotypdimensionerna och storlekarna du behöver från början blir det mycket lättare att lägga till den på din webbplats – och till dina sociala medier, tryckta produkter och alla andra märkessäkerheter.

prenumerera på vår Youtube-kanal

Logotypvariationer

För det mesta har logotyper tre element: företagsnamnet, en ikon och en slogan. Eller så kan du tänka dig att en logotyp har två huvudkomponenter: bilden eller symbolen och typografin eller ordmärket. I slutändan kan du använda dessa element tillsammans eller separat, men oavsett hur de är ordnade bör de återspegla ditt varumärke.

en logotyp kan ha flera variationer när det gäller design, dimensioner, orientering, form och storlek. Sammanhanget där du använder logotypen – för våra ändamål, där den går på din webbplats-avgör vilken version av logotypen du väljer. Och varje gång du anpassar din logotyp till en annan bakgrund eller storlek är målet att den ska behålla sin integritet.

här är vanliga logotypvariationer som du bör överväga att skapa för användning på din webbplats och på andra håll:

• horisontell, kvadratisk och vertikal
• Svart, vit, fullfärg och invers färg
• vanlig bakgrund och transparent bakgrund
• full logotyp, ikon och begränsad text eller enstaka bokstäver/monogram

alla de olika logotyperna du skapar, tillsammans med detaljer om var de ska användas, bör ingå i ditt varumärkessats också. Och om du inte skapar dina logotypvariationer själv, vet att byrån eller designern som skapar dem ska skicka alla variationer tillsammans med den ursprungliga, primära logotypen.

Logotypfiltyper

filtypen påverkar hur logotypen ser ut när den skalas upp och förstoras. Om du skapar logotypen med en icke-skalbar filtyp ser den suddig och pixelerad ut när den blir större. Du vill inte ha det här – du vill att din logotyp ska se detaljerad och perfekt ut, oavsett om den är liten eller enorm.

för att din logotyp ska vara skalbar utan att förlora kvalitet bör den vara i vektorformat, helst som en PNG-fil. En PNG är en förlustfri komprimerad fil, vilket innebär att filstorleken är ganska liten, men kvaliteten på designen bibehålls. Du kan också använda en transparent bakgrund med en PNG-fil, vilket är utmärkt för webbplatser och andra digitala utrymmen. När du visar en logotyp online bör din PNG-fil vara mindre än 200 kb för att laddningstiden ska vara snabb.

Du kanske är mer bekant med JPG-filer, men du vill inte använda en JPG för din logotyp. Denna typ av fil är förlustkomprimerad, inte förlustfri komprimerad. Även om det tar mindre plats än en PNG eftersom filstorleken är lite mindre, är kvaliteten sämre, och din logotyp kan se pixelerad ut, särskilt när du försöker skala upp den.

välja en Logotypstorlek för din webbplats

din logotyp kommer att gå på två primära platser på din webbplats: favicon och navigeringsfältet. Låt oss gå över specifika dimensioner för dessa platser.

Favicon Logo Size

i ett litet utrymme som favicon bör du använda din ikon-bara logotyp eftersom området blir för litet för att någon text ska kunna läsas. Eller om din logotyp är ett ord kan du använda antingen ordets första bokstav eller en monogramversion om det finns två eller flera ord. I exemplet nedan ser du Amazons logotyp med en bokstav som används på olika ställen, inklusive på några av deras presentkort:

källa: Amazon

P. S. Favicon är den lilla ikonen som dyker upp bredvid webbsidans titel i sökfältet, och det är också vad som kommer att visas i en bokmärkes-eller favoritlista.

standard favicon storlekar är följande:

• 16 x 16 pixlar (vanligast)
• 32 x 32 pixlar
• 48 x 48 pixlar

navigeringsfältet logotyp storlek

navigeringsfältet eller rubriken på din webbplats kommer att vara hem till din logotyp – förmodligen den fullständiga, vanliga. Vanligtvis sitter logotypen på vänster sida av navigeringsfältet.

medan den exakta storleken beror på din specifika webbplatsbyggare är det troligt att storleksalternativen kommer att vara ungefär som följer:

• full banner: 468 x 60 pixlar
• horisontell layout: 250 x 150 pixlar; 350 x 75 pixlar; eller 400 x 100 pixlar
• vertikal layout: 160 x 160 pixlar

det är inte storleken på den faktiska rubriken – rubrikerna blir större – men de är storlekarna att tänka på när du utformar din logotyp för att passa in i dessa typer av webbplatshuvuden.

andra platser du använder din logotyp

Om du ska skapa variationer av din logotyp för din webbplats är det också en bra tid att göra de versioner du behöver för andra platser också. Till exempel:

• digitala annonser och banners kräver en logotyp.
• på sociala medier behöver du din logotyp i bakgrunder, banners, omslagsbilder, profilbilder, inlägg och miniatyrbilder.
• för varumärken med en onlinebutik som säljer fysiska material kan du behöva din logotyp tryckt på magneter, muggar eller t-shirts.
• Om du säljer eller skickar fysiska material lägger du din logotyp på fraktmaterial, som lådor, kuvert och kanske till och med förpackningstejp.verktyg som Canva har färdiga mallar med de perfekta storlekarna för grafik på olika platser, som ditt Facebook-omslagsfoto eller ett Stories-inlägg på Instagram. Du kan poppa din logotyp i mallen och sedan ladda ner den slutliga designen för att använda var du än behöver den.
  

  slutliga tankar om Logotypstorlek för din webbplats

  När det gäller din logotyp, dess variationer och var du placerar dem på din webbplats, kom ihåg att detta är kreativt och designcentrerat-det finns inga hårda och snabba regler som du måste följa. Och eftersom det inte är en perfekt vetenskap kan du använda ditt konstnärliga öga och bästa omdöme för att bestämma vad du ska använda var. Din logotyp kommunicerar mycket om ditt företag, och det är ett av dina varumärkeselement som påverkar publikens uppfattning. Det ska se tydligt och högkvalitativt ut, oavsett var det används.

  är din logotyp redo att gå? Så här lägger du till en anpassad logotypbild i Divi. Du kanske också gillar vår artikel med enkla och kreativa sätt att visa din logotyp i Divi.

  utvalda bilder via Mas Blend/. com