Billeder er afgørende for at skabe engagerende og visuelt tiltalende nyhedsbreve. De kan formidle dit budskab hurtigere end tekst og hjælpe med at opbygge dit brand. Men den rigtige størrelse og optimering af dine billeder er lige så vigtig som selve indholdet. Hvis billederne er for store, kan de få e-mailen til at indlæse langsomt eller endda blive klippet af e-mailklienter. Hvis de er for små eller i forkert format, kan de se slørede eller forvrængede ud.
At finde den 'bedste' billedstørrelse til Mailchimp nyhedsbreve afhænger af flere faktorer, herunder hvilken skabelonbygger du bruger (den klassiske eller den nye) og den specifikke indholdsblok, billedet placeres i. Mailchimp justerer automatisk billeder, så de passer ind i e-mailens bredde, men der er klare anbefalinger for at sikre den bedste visuelle kvalitet og ydeevne.
Generelle Anbefalinger for Billeder
Før vi dykker ned i specifikke dimensioner, er her nogle generelle tips, der gælder for alle billeder i dine Mailchimp-kampagner:
- Format: Gem dine billeder som PNG, JPG eller GIF. Brug PNG, hvis du har brug for gennemsigtighed i billedet.
- Farvetilstand: Brug altid RGB. CMYK bruges til print og gengives ikke korrekt online, hvilket kan forårsage problemer.
- Alternativ tekst (Alt-tekst): Tilføj altid alt-tekst til dine billeder. Dette er vigtigt for tilgængelighed, hjælper brugere, der ikke kan se billedet (f.eks. hvis det ikke indlæses), og bidrager til SEO på landingssider.
- Højopløselige skærme: For at billeder skal se skarpe ud på skærme med høj opløsning (som Retina-skærme), upload et billede med højere opløsning end den endelige viste størrelse, men begræns dimensionerne i designet. Mailchimp anbefaler et billedområde, der er større end det, der vises for at understøtte disse skærme.
- Filstørrelse: Hold filstørrelsen under 1 MB. Større filer kan forsinke indlæsningstiden. En opløsning på 72 ppi (pixels per inch) er ofte tilstrækkelig til webbrug, men er ikke et krav.
Mailchimp er designet til at håndtere billeder, der er større end den plads, de skal vises i, og vil automatisk nedskalere dem. Men for store billeder kan stadig påvirke indlæsningstiden og den samlede e-mailstørrelse.
Anbefalede Billedstørrelser i Mailchimp
Den optimale billedbredde afhænger primært af, hvilken skabelonbygger og hvilken indholdsblok du bruger.
Skabelonbredde
De klassiske Mailchimp e-mailskabeloner har typisk en fast bredde på 600 pixels. Den nye skabelonbygger bruger en bredde på 660 pixels. Denne grundlæggende bredde er vigtig, da dine billeder skal passe inden for denne ramme.
Billedbredder i den nye skabelonbygger
I den nye skabelonbygger anbefaler Mailchimp, at billeder har en bredde i området 660-1320 pixels. Mailchimp vil derefter tilpasse billedet til bredden af den specifikke indholdsblok.
Billedbredder i den klassiske skabelonbygger
I den klassiske skabelonbygger er det anbefalede område for billedbredder 600-1200 pixels. Hvis du tilføjer et billede, der er væsentligt større end dette område, kan du modtage en advarsel, og Mailchimp tilbyder muligheden for at redigere billedet i deres editor.
Minimum Bredder for Billeder i Kolonner
Når du bruger skabeloner med flere kolonner, er der minimumsanbefalinger for billedbredder for at sikre, at billederne stadig ser tydelige ud. Mailchimp tilpasser billedet til kolonnens bredde.
| Antal Kolonner | Anbefalet Minimum Bredde (Klassisk Bygger) | Anbefalet Minimum Bredde (Ny Bygger) |
|---|---|---|
| Fuld bredde sektion | 564 px | 660 px |
| 2 kolonner sektion | 264 px | 330 px |
| 3 kolonner sektion | 164 px | 220 px |
| 4 kolonner sektion | 132 px | 165 px |
Disse minimumsbredder sikrer, at selv i smallere kolonner er billedet stadig brugbart og genkendeligt.
Minimum Bredder for Specifikke Blokke i Klassisk Bygger
For specifikke indholdsblokke i den klassiske bygger, såsom Billede, Billedkort, Billede + Tekst og Billedgruppe, varierer minimumsanbefalingerne afhængigt af blokkens indstillinger (f.eks. om den strækker sig til kanten). Her er et overblik:
| Indholdsblok | Indstillinger | Anbefalet Minimum Bredde (Klassisk Bygger) |
|---|---|---|
| Billede | Margin indstillet til fuld skærm (edge to edge) | 564 px |
| Billedkort | Margin indstillet til fuld skærm (edge to edge) | 564 px |
| Billedkort | Margin ikke indstillet til fuld skærm | 528 px |
| Billede + Tekst | Venstre/Højre justering med en-tredjedel billedtekst | 352 px |
| Billede + Tekst | Venstre/Højre justering med halv billedtekst | 264 px |
| Billede + Tekst | Venstre/Højre justering med to-tredjedele billedtekst | 176 px |
| Billede + Tekst | Venstre/Højre justering med tre-fjerdedele billedtekst | 132 px |
| Billedgruppe | Fuld bredde | 564 px |
| Billedgruppe | 2 kolonner sektion | 264 px |
Disse specifikke minimumsanbefalinger er vigtige at følge, især i den klassiske bygger, for at undgå, at billeder ser for små eller forvrængede ud i bestemte layoutkonfigurationer.
Den Samlede Nyhedsbrevsbredde
Som nævnt er standardbredden for Mailchimp skabeloner 600 px (klassisk) eller 660 px (ny). Selvom skærmopløsninger er blevet meget større, forbliver denne bredde en standard dels på grund af tradition, dels på grund af kompatibilitet med ældre e-mailklienter som visse versioner af Outlook og Yahoo Mail, som kan have problemer med at vise e-mails bredere end ca. 650 pixels, især i deres 3-kolonne visning.
Selvom det er muligt at tvinge en bredere e-mail ved hjælp af avanceret kodning eller visse kreative 'workarounds' (som at indsætte meget brede, men usynlige billeder i tekstblokke), anbefales det generelt at holde sig inden for Mailchimps standardbredder for at sikre den bedste visning på tværs af flest mulige e-mailklienter og enheder. De fleste moderne e-mailklienter kan håndtere bredere designs, og gennemsnitsbredden for mange brands ligger mellem 640 px og 700 px, men 600-660 px er et sikkert valg.
Højde på E-mail Elementer
Mens bredden ofte er fastlåst af skabelonen, er højden på e-mailen som helhed ubegrænset. Dog gælder princippet 'less is more'. Jo længere e-mailen er, desto mindre sandsynligt er det, at modtageren læser den til ende. En almindelig e-mailhøjde ligger mellem 1500 px og 2000 px, hvilket normalt er nok til at inkludere nødvendigt indhold uden at kræve overdreven scrolling.
Specifikke elementer har dog typiske højder:
- Preheader: Området lige over selve e-mailen, ofte med et 'se i browser' link. Typisk 50-65 px høj.
- Header: Indeholder ofte logo og/eller navigation. Uden menu ca. 70 px høj, med menu 150-200 px høj. Bør ikke overstige 300 px for at undgå at fylde for meget på den første skærm.
- Banner: Et fremtrædende billede ofte placeret nær toppen. Populære størrelser er 600x300 px eller 600x400 px (eller 660x300/400 px i den nye bygger). Bredden følger e-mailbredden, højden kan variere og bør afhænge af designet.
- Knapper: Der er ingen standardhøjde eller bredde for knapper, men de skal være store nok til at være nemme at klikke på, især på mobile enheder (typisk med en skriftstørrelse på 16 px eller mere). Knapper kan med fordel fylde hele bredden på mobile skærme for optimal brugervenlighed.
- Footer: Indeholder afmeldingslink, kontaktoplysninger, social medie-ikoner osv. En standardstørrelse er ca. 600x200 px.
Optimering for Mobil
Det er essentielt at designe dine e-mails responsivt, så de ser godt ud på både desktop og mobile enheder. Mailchimp skabeloner er responsive, hvilket betyder, at indholdet omarrangeres på mindre skærme. Billeder vil typisk skaleres ned til at passe til mobilskærmens bredde.
Selvom mobilskærmens bredde varierer, vil din e-mail typisk fylde hele skærmen. Du kan ofte indstille specifikke mobile stilarter for tekststørrelser, knapper (f.eks. gøre knapperne fuld bredde), osv. for at forbedre læsbarheden og brugervenligheden på smartphones.
E-mailens Samlede Størrelse (HTML Vægt)
Ud over billedfilernes individuelle størrelse er den samlede størrelse af e-mailens HTML-kode også vigtig. E-mailklienter som Gmail og Yahoo! Mail klipper e-mails, hvis deres HTML-kode overstiger en vis grænse (ca. 102 kb for Gmail, 100 kb for Yahoo!).
Store, uoptimerede billedfiler bidrager til den samlede vægt, men også overdreven eller ineffektiv HTML-kode kan være synderen. Sørg for at komprimere dine billeder (brug værktøjer som TinyPNG eller lignende) og undgå unødvendig kodning, hvis du arbejder med tilpassede skabeloner.
FAQ om Billedstørrelser i Mailchimp
- Hvad er den anbefalede bredde for billeder i et Mailchimp nyhedsbrev?
- For den nye bygger er det 660-1320 px. For den klassiske bygger er det 600-1200 px. Mailchimp nedskalerer billedet til at passe til indholdsblokkens bredde.
- Hvad er minimumsbredden for et billede i en kolonne?
- Det afhænger af antallet af kolonner og byggeren. For en fuld bredde sektion er minimum 564 px (klassisk) eller 660 px (ny). I en 4-kolonne sektion er minimum 132 px (klassisk) eller 165 px (ny).
- Hvor store må billedfilerne være?
- Mailchimp anbefaler en maksimal filstørrelse på 1 MB per billede.
- Hvilke billedformater skal jeg bruge?
- PNG, JPG eller GIF. PNG understøtter gennemsigtighed.
- Skal jeg bruge 72 ppi?
- 72 ppi er standard for web, men ikke et krav. Det vigtigste er de faktiske pixeldimensioner og filstørrelsen.
- Hvordan sikrer jeg, at billeder ser skarpe ud på mobil?
- Upload billeder med højere opløsning (inden for de anbefalede maksimale dimensioner) og lad Mailchimp skalere dem ned. Sørg for at billederne er optimeret for web (komprimeret).
- Kan jeg lave et nyhedsbrev, der er bredere end 600/660 px?
- Ja, men det kræver avanceret kodning eller 'workarounds' og kan forårsage visningsproblemer i visse e-mailklienter. Det anbefales at holde sig inden for standardbredderne.
Konklusion
Den 'bedste' billedstørrelse i Mailchimp er ikke et enkelt tal, men snarere et sæt anbefalinger baseret på skabelonbygger, indholdsblok og ønsket visning. Ved at følge Mailchimps anbefalinger for billedbredder (600-1200 px for klassisk, 660-1320 px for ny bygger) og minimumsbredder for kolonner, samt holde filstørrelsen under 1 MB, sikrer du, at dine billeder vises korrekt, indlæses hurtigt og bidrager positivt til din kampagnes succes. Husk altid at teste dine e-mails på forskellige enheder og i forskellige e-mailklienter.
Hvis du vil læse andre artikler, der ligner Billedstørrelser til Mailchimp Nyhedsbreve, kan du besøge kategorien Fotografi.