NYHETSBREVSMALLAR – DESIGNTIPS

Några tips när du designar email

Att få till det där snygga och perfekta utskicket är i grunden en enkel sak men på grund av varierande CSS-stöd i olika mailklienter kan det vara bra att vara medveten om en del detaljer. För att få ditt utskick att fungera så bra i så många mailklienter och enheter som möjligt kan dock nedanstående punkter vara värt att tänka på.

Till vänster kan du ladda ner en av våra standardmallar som PSD-fil. I den får du en översiktlig bild av olika komponenter och delar i mallen och du kan enkelt göra en design genom att byta ut olika element.

  • Om du vill ha en skräddarsydd mall från oss är det bra om vi får  underlaget som en Photoshop-fil. Det gör att vi kan få ut typsnitt, storlekar och marginaler direkt från underlagen.
  • Maxbredden på ditt email bör inte överstiga 660 pixlar. Då fungerar det bra i alla mailklienter.
  • För att bilder ska se bra ut i mindre enheter är det bra om de har en maxbredd på 640 pixlar.
  • Endast vanliga webbtypsnitt som Times New Roman, Arial och Verdana stöds i text. Det går att använda exempelvis Google Fonts men stödet är inte 100%. Läs mer om webbsäkra typsnitt.
  • Eftersom mallarna görs i tabeller är det bra att utgå från ett rutnät/grid.
  • De flesta mailklienter är inte kompatibla med bakgrundsbilder så använd bakgrundsfärger istället.
  • Stödet för video i email är litet och risken att ditt utskick klassas som spam ökar om det innehåller Flash och/eller JavaScript. Använd istället en animerad gif-bild eller länka en bild på videospelaren till videon. För ett utförligt exempel, se vårt blogginlägg om video i nyhetsbrev
  • Tänk på att CSS3 och HTML5-delar som till exempel border-radius, box-shadow eller @font face inte har något större stöd.
  • De flesta mailklienter blockerar automatiskt bilder och ersätter dem med en tom ruta. Så när du laddar upp bilder till ditt utskick, glöm inte att sätta en alt-text på bilden så den eventuellt tomma rutan får en beskrivande text.
  • Text & bilder som ligger över en annan bild fungerar inte.
  • Låt inte dina prenumeranter behöva ladda in stora email. Tänk därför på storleken på bilder. Några 100kb per bild funkar fint.