merkets logo må leve i umpteen forskjellige steder, fra en liten favicon på nettstedet ditt til en enorm oppslagstavle på en travel motorvei. Selv innenfor ditt nettsted, det er forskjellige steder for din logo å gå, og i varierende retninger og størrelser. Og hver eneste gang du bruker logoen din – eller en variant av if – må den være konsekvent, skarp og gjenkjennelig.

når du kjenner de forskjellige logodimensjonene og størrelsene du trenger fra starten, blir det mye enklere å legge det til på nettstedet ditt – og til sosiale medier, utskriftsprodukter og all annen merkevaresikkerhet.

Abonner På Vår Youtube-Kanal

Logovariasjoner

for det meste har logoer tre elementer: firmanavnet, et ikon og et slagord. Eller du kan tenke på en logo som å ha to hovedkomponenter: bildet eller symbolet og typografi eller ordmerke. Til slutt kan du bruke disse elementene sammen eller separat, men uansett hvordan de er ordnet, bør de gjenspeile merkevaren din.

En logo kan ha flere variasjoner når det gjelder design, dimensjoner, orientering, form og størrelse. Konteksten der du bruker logoen – for våre formål, hvor den går på nettstedet ditt – bestemmer hvilken versjon av logoen du velger. Og hver gang du tilpasser logoen din til en annen bakgrunn eller størrelse, er målet at den skal beholde sin integritet.

Her er vanlige logo variasjoner som du bør vurdere å lage for bruk på nettstedet ditt og andre steder:

• Horisontal, firkantet og vertikal
• Svart, hvit, full farge og invers farge
• Vanlig bakgrunn og gjennomsiktig bakgrunn
• Full logo, ikon bare og begrenset tekst eller enkelt bokstav / monogram

Alle de forskjellige logoer du oppretter, sammen med detaljer om hvor de skal brukes, bør inkluderes i merkevaren kit også. Og hvis du ikke lager logovariasjonene dine selv, vet du at byrået eller designeren som lager dem, skal sende alle variasjonene sammen med den opprinnelige, primære logoen.

Logo Filtyper

filtypen påvirker hvordan logoen ser ut som den er skalert opp og forstørret. Hvis du oppretter logoen ved hjelp av en ikke-skalerbar filtype, vil den se uskarpt og pixelert ut når den blir større. Du vil ikke ha dette – du vil at logoen din skal se detaljert og perfekt ut, enten den er liten eller enorm.

for at logoen skal være skalerbar uten å miste kvalitet, bør den være i vektorformat, helst SOM EN PNG-fil. EN PNG er en tapsfri komprimert fil, noe som betyr at filstørrelsen er ganske liten, men kvaliteten på designet opprettholdes. DU kan også bruke en gjennomsiktig bakgrunn MED EN PNG-fil, som er utmerket for nettsteder og andre digitale rom. NÅR du viser en logo på nettet, BØR PNG-filen være mindre ENN 200kb for at lastetiden skal være rask.

DU kan være mer kjent MED JPG-filer, men du vil ikke bruke EN JPG for logoen din. Denne typen fil er lossy komprimert, ikke lossless komprimert. Selv om det tar opp mindre plass enn EN PNG fordi filstørrelsen er litt mindre, er kvaliteten verre, og logoen din kan se pixelert ut, spesielt når du prøver å skalere den opp.

Velge En Logo Størrelse for Ditt Nettsted

din logo vil gå i to primære steder på nettstedet ditt: favicon og navigasjonsfeltet. La oss gå over bestemte dimensjoner for disse stedene.

Favicon Logo Størrelse

I en liten plass som favicon, bør du bruke din ikon-bare logo siden området vil være for liten til at tekst kan leses. Eller, hvis logoen er et ord, kan du bruke enten den første bokstaven i ordet eller en monogram versjon hvis det er to eller flere ord. I eksemplet nedenfor ser Du Amazons logo med en bokstav som brukes på forskjellige steder, inkludert på noen av gavekortene deres:

Kilde: Amazon

P. S. Favicon er det lille ikonet som vises ved siden av nettsidens tittel i søkefeltet, og det er også det som vises i en bokmerker eller favorittliste.

standard favicon størrelser er som følger:

• 16 x 16 piksler (mest vanlig)
• 32 x 32 piksler
• 48 x 48 piksler

Navigasjonsfelt Logo Størrelse

navigasjonsfeltet eller overskriften på nettstedet ditt vil være hjemme til din logo – sannsynligvis den fulle, standard en. Vanligvis vil logoen sitte på venstre side av navigasjonsfeltet.

mens den nøyaktige størrelsen vil avhenge av din spesifikke nettstedbygger, er det sannsynlig at størrelsesalternativene vil være omtrent som følger:

• Full banner: 468 x 60 piksler
• Horisontal layout: 250 x 150 piksler; 350 x 75 piksler; eller 400 x 100 piksler
• vertikal layout: 160 x 160 piksler

det er ikke størrelsene på den faktiske overskriften – overskriftene blir Større – men de er størrelsene du bør vurdere når du designer logoen din for å passe inn i disse typer nettstedoverskrifter.

Andre Steder Du Vil Bruke Logoen

hvis du skal lage varianter av logoen din for nettstedet ditt, er det også en god tid å lage versjonene du trenger for andre steder også. For Eksempel:

• Digitale annonser og bannere vil kreve en logo.
• på sosiale medier trenger du logoen din i bakgrunner, bannere, forsidebilder, profilbilder, innlegg og miniatyrbilder.
• for merker med en nettbutikk som selger fysiske materialer, kan det hende du trenger din logo trykt på magneter, krus eller t-skjorter.
• hvis du selger eller sender fysiske materialer, vil du sette din logo på frakt materiale, som bokser, konvolutter og kanskje til og med pakking tape.

Verktøy som Canva har ferdige maler med ideelle størrelser for grafikk på forskjellige steder, som facebook-forsidebildet ditt eller Et Stories-innlegg på Instagram. Du kan pop din logo i malen og deretter laste ned den endelige design for å bruke der du trenger det.

Final Thoughts About Logo Size for Your Website

når det gjelder logoen din, dens variasjoner og hvor du plasserer dem på nettstedet ditt, husk at dette er kreativt og design-sentrisk – det er ingen harde og raske regler du må følge. Og siden det ikke er en perfekt vitenskap, kan du bruke ditt kunstneriske øye og beste dømmekraft til å bestemme hva du skal bruke hvor. Din logo kommuniserer mye om din bedrift, og det er en av dine merkevareelementer som vil påvirke publikums oppfatning. Det skal se klart og høy kvalitet, uansett hvor den brukes.

er din logo klar til å gå? Slik legger du til et tilpasset logobilde I Divi. Du kan også gjerne vår artikkel med enkle og kreative måter å vise din logo I Divi.

Utvalgt Bilde Via Mas Blend/. com