den bästa e-Postdesignstorleken för olika kampanjer

Varför är e-postmallstorleken så viktig? Varför finns det så många frågor om detta ämne och inga snabba svar? För att uttrycka det enkelt, e-design storlek påverkar om din e-post kommer att levereras alls. Det definierar också om din kund kommer att läsa ditt meddelande och vidta önskade åtgärder. Det finns standardmallbredd (600 px), men det finns fortfarande krångligheter du bör vara medveten om. Dessutom finns det inga strikta regler för e-postmallens höjd, samma som för designblocken.,

i den här artikeln kommer vi att gå igenom alla e-postmallkomponenter och förklara principerna för alla typer av kampanjer.,tr >

Mallhöjd Lägg viktiga detaljer till den första 350 px upp till 3000 px följ ditt sunda förnuft Header höjd upp till 150 – 200 px upp till 300 px följ ditt sunda förnuft och håll det mobilvänligt allmän e-poststorlek upp till 150-200 px td>nej Nej

dimensioner för e-postmallar

huvudtanken bakom enande e-poststandarder visas för alla e-postklienter och typer av enheter., Majoriteten av dina mottagare använder Gmail på skrivbordet eller iPhone e-post app. Som sagt, det finns fortfarande många människor som läser e-post med Outlook, Yahoo Mail, och även AOL. Detta innebär att du oundvikligen kommer att stöta på olika renderingsmotorer och problem med displayen.

för att passa alla typer av enheter måste dina e-postmeddelanden vara lyhörda. Denna trend är inte ny, så alla fördefinierade e-postmallar och e-postramar är redan utformade för att matcha denna regel., Om du kodar mallar med ren HTML och CSS, utnyttja de rekommendationer som samlats i vår Guide om hur man bygger en HTML-e-post.

e-postdesign bredd

Du har redan hört om 600 pixlar. Detta är den standardbredd som har rekommenderats under de senaste åren. Saker har inte förändrats: 600 pixlar är fortfarande den gyllene regeln. Detta är den genomsnittliga bredden desktop e-postklienter använder för att visa dina e-postmeddelanden. Gmail är också allmänt känt för att inte visa bakgrundsfärg för en mallbredd över 640 px.,

majoriteten av e-postbyggare och tjänster tillhandahåller mallar som är utformade med E-postbredd upp till 600 pixlar som standard, inklusive Mailchimp och Klaviyo, till exempel.

Du kan också hitta förslag för att prova 700-800 pixlar breda mallar, med en anteckning om att du bör noggrant testa dem över alla populära e-postklienter. Vi tror att om du har skäl, tid och resurser för ytterligare testning och experiment, bör du prova någon form av Mall som kan fungera för dig.,

e-postdesignhöjd

höjden på din e-postmall är inte strikt begränsad av e-postklienters regler. Det betyder att det inte finns någon önskad storlek. Det finns dock flera saker att följa när du bygger din nya e-postmall.

1. Tänk på målet med ditt meddelande: en mottagare ska kunna förstå det direkt efter att ha öppnat din e-post. Sätt den viktigaste informationen ovanför veckan-det här är cirka 350 pixlar., Jämför:

och

använd utrymme klokt. Bilderna är vackra men de bör också vara informativ i din e-post och uppmuntra användare att bläddra. När du testar och förhandsgranskar dina e-postmeddelanden, först och främst utvärdera vad mottagaren kommer att se.

Pro Tips: stödja din stora e-ämne med en inspirerande e-rubrik genom att hålla den synlig på en skärm.

2. Sikta på att hålla din e-post ren och tydlig., Ju kortare meddelandet desto högre är sannolikheten att det kommer att läsas till slutet. Ibland förvirrar extra sektioner läsaren och suddar huvudidén av e-postmeddelandet.

majoriteten av marknadsföring e – post som nyhetsbrev och kampanjer är cirka 2500-3000 pixlar.

e-postklipp. Ibland kan du se klippta meddelanden i Gmail eller Yahoo inkorg. Det orsakas inte av mallhöjd utan av den totala storleken på ett meddelande (102 KB)., Hela e-poststorleken på Witcher – spelet promo som visas ovan är bara 36 KB.

Pro Tips: för att snabbt kontrollera e-poststorleken kan du skicka ett meddelande från ditt skript till en Mailtrap-inkorg och omedelbart se det på huvudskärmen:

vad är skillnaden mellan transaktions-och marknadsföringsmallar?

När det gäller e-postmallstorlek är transaktionella e-postmeddelanden vanligtvis kortare. De har ett specifikt mål: att bekräfta en åtgärd, ge instruktioner eller meddela en användare., I vissa typer av sådana meddelanden är det acceptabelt att lägga till några marknadsföringssaker, men i allmänhet bör mallen vara enkel. Vanligtvis sträcker sig transaktionella e-postmallar från 600 pixlar till 1200 pixlar.

huvudmålet med marknadsföringsmail är att marknadsföra dina varor, tjänster eller innehåll och bygga förtroende genom att dela dina kunskaper. På så sätt kan din e-post vara ganska lång, runt 5000 pixlar och över.,

andra viktiga dimensioner

Vi har upptäckt den bästa e-mallen bredd och höjd. Men vad sägs om e-postinnehåll och inre block? De spelar också roll!

ett e-postmeddelande består av tre huvuddelar: sidhuvud, innehållsblock och sidfot.

e-posthuvudstorlek

vanligtvis innehåller E-posthuvudet din företagslogotyp, länkar för att visa det här meddelandet i en webbläsare och menyknappar. Vi föredrar en kortfattad design, så vi rekommenderar att du håller dig till den gemensamma huvudstorleken: upp till 200 px., Det är bekvämt att läsa och matcha ”ovanför vikregeln” (kommer du ihåg att det är fördelaktigt att sätta meningsfulla detaljer i de första 350 pixlarna?)

För bra e-post header exempel och riktlinjer, läs vår e-post Header Design som betyder blogginlägg.

innehållsblock storlek

igen, inga regler här!, I det här avsnittet har du tillräckligt med utrymme för din kreativitet. ”Innehåll” definierar alla typer av information som gör att du kan kommunicera med dina mottagare, inklusive texter, bilder, videoklipp, GIF, knappar och till och med avdelare.

vårt övergripande råd är att hålla berättelserna begripliga, visuellt tilltalande och med en tydlig uppmaning till handling.

om du arbetar med en malltjänst eller en e-postredigerare ger de dig fördefinierade mallar och rekommendationer för bildstorlekar.,

tänk på bildstorleken:

• Om du är värd för bilder på en server och länkar till dem i din e-post påverkar de inte e-poststorleken. E-posttjänster och mallbyggare har storleksgränser för bilder för att spara utrymme på sina servrar.
• bildstorleken i pixlar är upp till dig, medan den minsta rekommenderade upplösningen är 72 dpi.
• optimera bilder för Retina-skärmar med hjälp av 2x storlek.,

Sidfotstorlek

Du kan hitta många rekommendationer om vad som ska inkluderas i e-postfoten. Vanligtvis innehåller sidfoten juridiska detaljer, till exempel din företagsadress, avregistrera länkar, sidoanteckningar etc. Läser du e-sidfot? I många fall får e-postfoten inte läsarens uppmärksamhet och i allmänhet finns det ingen standard om dess höjd.

Ibland lägger folk till en personlig signatur i e-postfoten., I det här fallet är det bättre att hålla det på högst 100 pixlar.

saker att komma ihåg

idag är e-postbyggnad lätt på grund av de många verktyg, mallar och handledning som finns tillgängliga. När det gäller e-mallstorlek finns det inte så många begränsningar och krav. Här är vad du verkligen bör uppmärksamma:

1. responsiv design. Optimera dina e-postmallar för olika enheter som över 55% av e-postmeddelanden ses nu från mobila e-postklienter.
2. användarens uppfattning., Tänk på vad din mottagare kommer att se när du öppnar ditt meddelande och hur lätt det blir för dem att förstå din huvudidé. Var kreativ men följ gemensamma regler och bästa praxis.
3. e-post testning. Testa varje ny e-postkampanj. Du kan experimentera med icke-standardiserade mallar och storlekar men se till att din HTML fungerar bra på alla e-postklienter. Med detta i åtanke, dina mottagare kommer att vara nöjd med din vackra e-post.,

användbara artiklar om detta ämne

• Mailtraps Guide om hur man bygger HTML-e-post
• hur man skapar en HTML-mall som e-postklienter gör bra
• jämförelse av 10 HTML-e-redigerare för din nästa kampanj
• välja ett e-Postramverk för dina kampanjer
• e-Postrubrikdesign som betyder
• vad gör en lösenordsåterställning e-post stor?
• rekommenderade maximal e-poststorlek och beprövade sätt att optimera det

---