Här är våra bästa tips för att använda bilder i dina kampanjer.
Den här artikeln handlar om:
- Rekommenderad bildbredd
- Så lägger du till horisontell padding
- Retinabilder i e-post
- Bildkomprimering i e-post från Upsales
Rekommenderad bildbredd
För bilder som täcker hela kolumnens bredd, med ingen horisontell padding:
| Celler i raden | Rekommenderad bredd | Stöd för retinaskärmar |
|---|---|---|
| 1 | 580px | 1160px |
| 2 | ||
| 3 | ||
| 4 |
580px är standardbredden för innehållet i ett e-postmeddelande. Om du ändrar innehållsbredden i e-posteditorn skalar du om bredderna ovan i samma proportion.
Så lägger du till horisontell padding
Räkna ut hur mycket padding som ska läggas till på ena eller båda sidorna av bilden. Dra av det från den rekommenderade bredden ovan.
Exempel:
- Antal celler i en rad: 2
- Rekommenderad bildbredd (per rad): 290px
- Horisontell padding: 10px på var sida om bilderna, alltså 20px padding per bild
- Ny rekommenderad bildbredd (per rad): 270px (290px - 20px)
Retinabilder i e-post
Retinaskärmar visar dubbelt så många pixlar. Därför behöver du dubbla den rekommenderade bredden för att bilderna ska se bra ut på retinaskärmar. Upsales gör en bild retinaanpassad automatiskt när den är minst dubbelt så bred som sin cell.
Så aktiverar du retinastöd för e-postmeddelanden och mallar skapade före 15 juni 2020:
Ta bort bilden från cellen och lägg sedan till den igen:
- Öppna e-postmeddelandet eller mallen (på engelska) som du vill optimera
- Klicka på bildcellen
- Klicka på Rensa cell
- Under Välj innehåll väljer du Bild
- Lägg till samma bild igen från bildbiblioteket (för retinastöd måste bilden vara dubbelt så bred som bildcellen)
- Upprepa och spara
Bildkomprimering i e-post från Upsales
Ju färre pixlar en bild har, desto snabbare laddas den. Det är bra för mottagaren och för mottagarens inkorg (Microsoft Outlook blockerar e-post som är större än 20 MB).
Därför komprimerar Upsales bilder från bildbiblioteket åt dig, till dubbla cellbredden (så att de är retinaanpassade).
Exempel 1:
- Bildbredd: 2000px
- Cellbredd i e-postmeddelandet: 300px
- För att en bild som är 2000px bred ska passa i en cell på 300px komprimeras bildbredden till: 600px
Exempel 2:
- Bildbredd: 300px
- Cellbredd i e-postmeddelandet: 300px
- Ingen komprimering behövs