Articles

Hvad er den bedste Logo størrelse til en hjemmeside?

dit brands logo skal bo mange forskellige steder, fra et lille favicon på din hjemmeside til et enormt billboard på en travl motorvej. Selv inden for din hjemmeside, der er forskellige steder for dit logo til at gå, og i forskellige retninger og størrelser. Og hver gang du bruger dit logo – eller en variation af if – skal det være konsistent, skarpt og genkendeligt.

når du kender de forskellige logo dimensioner og størrelser, du har brug for fra starten, vil det være meget nemmere at tilføje det til din hjemmeside – og til dine sociale medier, trykte produkter og alle andre brand sikkerhedsstillelse.

Abonner på vores Youtube-kanal

Logo variationer

for det meste har logoer tre elementer: firmanavnet, et ikon og et slogan. Eller du kan tænke på et logo som at have to hovedkomponenter: billedet eller symbolet og typografien eller ordmærket. I sidste ende kan du bruge disse elementer sammen eller separat, men uanset hvordan de er arrangeret, skal de afspejle dit brand.

et logo kan have flere variationer, når det kommer til design, dimensioner, orientering, form og størrelse. Den kontekst, hvor du bruger logoet – til vores formål, hvor det går på din hjemmeside – bestemmer den version af det logo, du vælger. Og hver gang du tilpasser dit logo til en anden baggrund eller størrelse, er målet, at det bevarer sin integritet.

Her er almindelige logovariationer, som du bør overveje at oprette til brug på din hjemmeside og andre steder:

  • vandret, firkantet og lodret
  • Sort, hvid, fuld farve og omvendt farve
  • regelmæssig baggrund og gennemsigtig baggrund
  • fuldt logo, kun ikon og begrænset tekst eller enkelt bogstav/monogram

alle de forskellige logoer, du opretter, sammen med detaljer om, hvor de skal bruges, skal inkluderes i dit brand også kit. Og hvis du ikke selv opretter dine logo-variationer, skal du vide, at agenturet eller designeren, der opretter dem, skal sende alle variationerne sammen med det originale, primære logo.

Logofiltyper

filtypen påvirker, hvordan logoet ser ud, når det skaleres op og forstørres. Hvis du opretter logoet ved hjælp af en ikke-skalerbar filtype, vil det se sløret og billedbelagt ud, da det bliver større. Du vil ikke have dette – du vil have dit logo til at se detaljeret og perfekt ud, uanset om det er lille eller enormt.

for at dit logo skal kunne skaleres uden at miste kvalitet, skal det være i vektorformat, helst som en PNG-fil. En PNG er en tabsfri komprimeret fil, hvilket betyder, at filstørrelsen er ret lille, men kvaliteten af designet opretholdes. Du kan også bruge en gennemsigtig baggrund med en PNG-fil, som er fremragende til hjemmesider og andre digitale rum. Når du viser et logo online, skal din PNG-fil være mindre end 200 kb for at indlæsningstiden skal være hurtig.

du er måske mere fortrolig med JPG-filer, men du vil ikke bruge en JPG til dit logo. Denne type fil er lossy komprimeret, ikke tabsfri komprimeret. Selvom det tager mindre plads end en PNG, fordi filstørrelsen er lidt mindre, er kvaliteten værre, og dit logo kan se billedbelagt ud, især når du prøver at skalere det op.

valg af Logo størrelse til din hjemmeside

dit logo vil gå i to primære steder på din hjemmeside: favicon og navigationslinjen. Lad os gå over specifikke dimensioner for disse steder.

Favicon Logo størrelse

i et lille rum som favicon skal du bruge dit ikon-kun logo, da området vil være for lille til, at enhver tekst kan læses. Eller hvis dit logo er et ord, kan du bruge enten det første bogstav i ordet eller en monogramversion, hvis der er to eller flere ord. I eksemplet nedenfor kan du se vores logo med et bogstav, der bruges forskellige steder, herunder på nogle af deres gavekort:

kilde:

P. S. Favicon er det lille ikon, der vises ved siden af hjemmesidens titel i søgefeltet, og det er også det, der vises i en bogmærker eller favoritliste.

standard faviconstørrelser er som følger:

  • 16 gange 16 billedpunkter (mest almindelige)
  • 32 gange 32 billedpunkter
  • 48 gange 48 billedpunkter

navigationslinjen eller overskriften på din hjemmeside vil være hjemsted for dit logo – sandsynligvis den fulde, standard en. Typisk vil logoet sidde på venstre side af navigationslinjen.

mens den nøjagtige størrelse afhænger af din specifikke hjemmesidebygger, er det sandsynligt, at størrelsesindstillingerne vil være omtrent som følger:

  • fuld banner: 468 * 60 billedpunkter
  • vandret layout: 250 * 150 billedpunkter; 350 * 75 billedpunkter; eller 400 * 100 billedpunkter
  • lodret layout: 160 gange 160 punkter

det er ikke størrelsen på den faktiske overskrift – overskrifterne bliver større – men de er de størrelser, du skal overveje, når du designer dit logo, så det passer ind i disse typer hjemmesideoverskrifter.

andre steder du bruger dit Logo

Hvis du vil oprette variationer af dit logo til din hjemmeside, er det også et godt tidspunkt at lave de versioner, du har brug for til andre steder. For eksempel:

  • digitale annoncer og bannere kræver et logo.
  • på sociale medier skal du bruge dit logo i baggrunde, bannere, coverbilleder, profilbilleder, indlæg og miniaturebilleder.
  • for mærker med en online butik, der sælger fysiske materialer, kan du have brug for dit logo trykt på magneter, krus eller t-shirts.
  • hvis du sælger eller sender fysiske materialer, lægger du dit logo på forsendelsesmateriale, som kasser, konvolutter og måske endda pakningstape.værktøjer som Canva har skabeloner, der er klar til brug, med de ideelle størrelser til grafik forskellige steder, f.eks. dit Facebook-forsidebillede eller et Stories-indlæg på Instagram. Du kan pop dit logo ind i skabelonen og derefter hente det endelige design til brug, hvor du har brug for det.

    Endelige tanker om Logo størrelse til din hjemmeside

    når det kommer til dit logo, dets variationer og hvor du placerer dem på din hjemmeside, husk at dette er kreativt og designcentreret-der er ingen hårde og hurtige regler, som du skal følge. Og da det ikke er en perfekt videnskab, kan du bruge dit kunstneriske øje og bedste dømmekraft til at beslutte, hvad du skal bruge hvor. Dit logo kommunikerer meget om din virksomhed, og det er et af dine brandingelementer, der vil påvirke publikums opfattelse. Det skal se klart og høj kvalitet, uanset hvor det bruges.

    er dit logo klar til at gå? Sådan tilføjes et brugerdefineret LogoBillede i Divi. Du kan også lide vores artikel med enkle og kreative måder at vise dit logo på i Divi.

    Udvalgt billede via Mas Blend/. com