E-mails findes i alle former, størrelser og formater – nogle af dem passer bedre til de mange e-mailklienters luner end andre. Men hvis du har prøvet dig frem til e-maildesign, har du måske desværre indset, at disse e-mailklienter ikke altid er pålidelige til at vise dine e-mails, som du forestillede dig. Så hvilke muligheder har du? I dette indlæg vil vi sammenligne to hovedmetoder til e-maildesign – HTML-kodede e-mails og billedsegmenter – for at se, hvordan de kan forbedre eller hindre din e-mailoprettelsesproces.

HTML-e-mails

HTML-e-mails er e-mails, der er oprettet og designet ved hjælp af hypertext markup language. Disse e-mails kan også bygges ved hjælp af MJML, et framework, der minder meget om HTML, men specifikt er beregnet til e-maildesign. For at oprette e-mails fra bunden skal du bruge en eller anden form for HTML eller MJML kodningserfaring, men du kan også bruge tjenester, der leverer e-mailskabeloner, eller du kan bruge et firma som Scalero til at oprette brugerdefinerede skabeloner til dig.

Billedskiver

På den anden side er billedsegmenter e-mails, der hovedsageligt eller udelukkende består af billeder. Billedbaserede e-mails er forholdsvis nemme at oprette, da de normalt ikke kræver nogen kodning, og designet af disse e-mails forbliver statisk, uanset e-mailklienten. Denne type e-mail er en nemmere mulighed at udforske, hvis du er nybegynder inden for e-maildesign, du har erfaring med grafisk design, og/eller det er vigtigt for dig, at elementerne i din e-mail gengives ens, uanset hvilken enhed eller e-mailklient de vises på.

Hvad er fordele og ulemper ved HTML-e-mails?

Fordele

1. Reaktionsevne

HTML-e-mails giver dig mulighed for at oprette dynamiske felter og optimere til både desktop- og mobilvisninger. Som et resultat kan dine abonnenter nyde godt af mere personlig tilpasning, f.eks. ved at blive mødt med deres fornavn eller få bestemte produkter anbefalet, og e-mails kan justeres, så de passer til den enhed, dine modtagere bruger.

2. Designfleksibilitet

E-mails oprettet med HTML er også nemme at manipulere designmæssigt. Hvis du vil ændre et element, f.eks. et produktbillede, en CTA-knap, tekst, baggrund eller andre farver, der bruges i e-mailen, kan du gøre det uden at skulle designe en helt ny e-mail. Du behøver heller ikke nogen designsoftware – du kan blot bruge skabelonerne fra dit e-mailmarketingværktøj eller mange af de kodningsplatforme, der er tilgængelige til gratis brug på nettet. For at lære mere om, hvordan du kommer i gang med e-maildesign, kan du se vores ressource. her .

3. Indlæsningshastighed

Filstørrelsen på en HTML-e-mail påvirker direkte, hvor lang tid det tager for e-mailen at indlæse, men kodede e-mails har en tendens til at indlæses meget hurtigere end billedbaserede e-mails. Selv hvis du bemærker, at din kode er lidt for lang, findes der værktøjer, du kan bruge til at "minimere" eller krympe den samlede filstørrelse, hvilket ikke kun vil øge indlæsningshastigheden, men også forhindre dine e-mails i at blive afskåret af bestemte klienter. E-mails, der klippes, er især et problem for Gmail-abonnenter.

4. Billeder er ikke nødvendige

Du har selvfølgelig stadig muligheden for at bruge billeder i HTML-e-mails, men som nævnt før giver kodning af dine e-mails dig stor fleksibilitet, når det kommer til design. Du har muligheden for at bruge en række levende farver og manipulere den overordnede struktur af dine e-mails for at pifte dit budskab op uden at gå på kompromis med responsiviteten. Abonnenter kan også forstå hovedformålet med e-mailen, selvom de har aktiveret billedblokering på grund af den tekst, der er kodet i e-mailen.

Ulemper

1. Ingen fuld understøttelse af alle skrifttyper

De fleste e-mailklienter understøtter ikke fuldt ud skrifttyper, der findes uden for den websikre skrifttypesfære, hvilket er grunden til, at det anbefales kraftigt at bruge e-mailvenlige skrifttyper for at sikre, at dine abonnenter kan læse dine e-mails som tilsigtet. Desværre betyder det, at du ikke bør bruge brugerdefinerede skrifttyper til vigtig tekst, men der er nogle... gode e-mail-sikre muligheder tilgængelige, der muligvis stadig matcher dit brands følelse.

2. Kodning til forskellige e-mailklienter

Verdenen af e-maildesign minder lidt om det vilde vesten – e-mailklienter finder konstant på deres egne måder at gengive på, mens e-maildesignere prøver at følge med. Frameworks som MJML har gjort denne proces lidt nemmere, men hvis du koder en HTML-e-mail fra bunden, kan du hurtigt blive frustreret over mængden af tricks, der er nødvendige for at få din e-mail til at gengives korrekt med flere e-mailklienter. Hvis du er ny i verdenen af kodning til e-mails, kan det være særligt skræmmende at lære at implementere alle de forskellige hacks.

3. Let at lave fejl

Med den mængde kodning, der nogle gange er nødvendig for at skabe en flot e-mail, er det ikke ualmindeligt at begå fejl under e-maildesignprocessen, selv for mere erfarne e-mailudviklere. Som følge heraf skal e-mails konstant testes for tåbelige fejl, men også for at sikre, at de gengives korrekt for langt de fleste e-mailklienter, som abonnenter bruger.

4. Sværere at optimere til mørk tilstand

Brugen af mørk tilstand er blevet mere og mere populær gennem årene, hvilket har tvunget mange e-maildesignere til at bygge en supplerende version af deres e-mails udelukkende til mørk tilstand. Fordelen er, at du har kontrol over, hvordan din e-mail ser ud, uanset tilstanden, men det kan være besværligt at skulle oprette den ekstra kode.

Hvad er fordelene og ulemperne ved billedskiver?

Fordele

1. Mindre kode nødvendig

Med en e-mail med mange billeder eller en e-mail, der udelukkende består af billeder, behøver du muligvis ikke nogen kodning, eller i det mindste en meget lille mængde. Du kan grundlæggende oprette e-mailen i et designprogram med al din tekst og grafik indeholdt i billederne, og du behøver ikke bekymre dig om, at noget af det flytter sig eller vises på en utilsigtet måde.

2. Brugerdefinerede skrifttyper er nemme at implementere

Vi har understreget, hvor vigtige e-mail-sikre skrifttyper er for læsbarheden af dine e-mails, men i dette tilfælde er de ikke rigtig nødvendige. Da din tekst er indeholdt i et billede, har du friheden til at bruge en hvilken som helst skrifttype, du ønsker, så du kan bruge brugerdefinerede skrifttyper og bevare dit brands identitet.

3. Ingen ændringer i mørk tilstand

Uanset om dine abonnenter bruger lys eller mørk tilstand, vil din billedbaserede e-mail se ens ud uanset, hvilket betyder ingen farveændringer. Men når du designer, betyder det, at du skal sørge for, at dine billeder ser godt ud i begge tilstande.

Ulemper

1. Ikke meget plads til responsivitet

Da billeder er statiske, kan du ikke inkludere dynamiske felter til personalisering eller ændre elementer i e-mailen uden et redesign. Der er heller ikke meget fleksibilitet, når det kommer til at optimere en billedbaseret e-mail til desktop eller mobil. Du kan ikke designe for meget til begge viewporte, da du risikerer at fremmedgøre den anden. For eksempel kan teksten i billederne virke for lille på desktop, eller den faktiske grafik kan virke sløret på mobil. En løsning på dette problem er dog at bruge to billeder af den samme blok - et til desktop og et andet til mobil, hvilket er muligt i de fleste ESP'er.

2. Dårligt for tilgængeligheden

Tilgængelighed er blevet et must for e-mails – modtagere forventer at kunne tilpasse e-mails til deres behov, især når det kommer til tekst, men dette kan være vanskeligt eller endda umuligt med e-mails med mange billeder. Når tekst er integreret i en e-mail, vil skærmlæsere ikke kunne læse e-mailen for modtagere, der har brug for ekstra hjælp. Manglen på livetekst vil også gøre det vanskeligere for modtagere at søge efter din e-mail senere – de vil kun have emnelinjen at gå ud fra. Derfor er det vigtigt ikke kun at bruge alt-tekst, men at sikre, at de vigtigste dele af din besked er repræsenteret som livetekst et sted i din e-mail.

3. Modtagelig for at blive markeret som spam

E-mails, der er fuldstændig billedbaserede, har høj risiko for at blive blokeret eller smidt i spam-mappen af e-mailklienter. Dette skyldes, at der er mange spammere, der bruger billedtunge e-mails til deres fordel for at holde deres beskeder skjult, så hvis en e-mailklient ikke kan "læse" e-mailen, lyder det en alarm. E-mailklienter udvikler sig til at bruge andre faktorer til at bestemme legitimitet, men at bruge livetekst til de vigtigste dele af din besked er den bedste vej frem.

4. Billeder – og hele e-mailen – indlæses muligvis ikke

Ikke alle dine abonnenter vil have automatisk billedindlæsning slået til. Faktisk er standardindstillingen for mange e-mailklienter at blokere billeder af privatlivsmæssige årsager, og hvis dine abonnenter ikke ved, hvordan eller foretrækker ikke at vise billeder, vil de ikke kunne se nogen grafik. Hvis din e-mail udelukkende består af billeder, kan du se, hvordan dette ville være en dårlig ting.

Her er de vigtigste forskelle mellem HTML-e-mails og billedsnit opsummeret for dig.