Om e-post bilder bästa praxis
Läs om bästa praxis när du använder bilder i Klaviyo Email, inklusive storleksrekommendationer och hur du lägger till bilder.
Bästa praxis för att använda bilder i e-post
Tänk på följande när du skapar bilder för användning i e-post:
- Klaviyo stöd för JPEG-, PNG- och GIF-bildfiler. Du kan också ladda upp en WebP-fil och välja att Klaviyo automatiskt konverterar den till en PNG-fil åt dig. I allmänhet visas PNG-filer bäst på olika enheter, särskilt för bilder som innehåller text.
- Den maximala bildfilstorleken som stöds av Klaviyo är 10 MB. Vi rekommenderar dock att du använder bilder som är 1 MB eller mindre, eftersom större bilder kan laddas långsamt, vilket leder till en dålig mottagareupplevelse. Klaviyos inbyggda bildkomprimeringsverktyg kan hjälpa till att minska filstorleken för uppladdade bilder utan att kvaliteten försämras nämnvärt.
- På webben är det bäst att använda 72 dpi upplösning. Försök att hålla dina bilder mellan 600 och 1000 px i bredd och mindre än 2000 px i höjd för fullbreddsbilder, för att balansera bildkvalitet och laddningshastigheter. Bilder som är mindre än e-postmeddelandets fulla bredd kan vara mindre än 600px.
- Observera att en fullbreddsbild med 72 dpi ofta är större än 1 MB och att en minskning av bildens storlek kan resultera i en bild som är synbart suddig eller av låg kvalitet. När du väljer bilder att använda i dina meddelanden bör du tänka på avvägningen mellan bildkvalitet och laddningstid: stora bilder kanske inte visas direkt när någon öppnar din e-post, särskilt om de har en långsam internetanslutning.
- Lägg alltid till alt-text till dina bilder. Vissa inkorgar, inklusive Outlook och Apple Mail, visar inte bilder förrän en mottagare väljer att se dem. Att inkludera alt-text hjälper mottagare som använder dessa inkorgar att förstå vad en bild är tänkt att förmedla och stöder också tillgängligheten.
Infoga en bild block
Så här lägger du till en bild i en mall:
- Dra ett bildblock till förhandsgranskningsrutan och välj sedan vilken bild som ska inkluderas.
- När du har placerat bilden block uppmanas du att lägga till din bild av:
- Dra och släpp en eller flera bilder i blocket för omedelbar uppladdning
- Bläddra på din dator för att hitta och ladda upp en eller flera bilder
- Importera från en URL
- Välja en bild från ditt bildbibliotek
- Välja en bild från din produktkatalog (om du är integrerad med en e-handelsplattform eller har synkroniserat en anpassad katalog)
- Infoga en platshållar-URL eller variabel sekvens om du vill att en bild ska fyllas i dynamiskt (endast för flöde)
Om du laddar upp en bild är den maximala bildstorleken du kan ladda upp 10 MB.
Automatisk komprimering av bildfiler
Klaviyo innehåller ett automatiskt bildkomprimeringsverktyg som en del av bilduppladdningsprocessen för att hjälpa dig att balansera bildskärpa med snabba laddningstider. Observera att denna funktion inte stöds för gifs.
När du laddar upp en bild visar ett granskningssteg din originalfil och en komprimerad version för jämförelse. Varje förhandsgranskning visar filstorleken och den procentuella skillnaden mellan dem. Med reglaget ovanför bilderna kan du välja vilken version som ska laddas upp, och Klaviyo lägger till en rekommenderad badge på det föreslagna valet. Du kan dock åsidosätta detta om du märker att den komprimerade versionen blir oklar, vilket kan hända med mindre originalfiler.
Observera att om originalbilden rekommenderas är panelen för bildjämförelse stängd som standard. Om du har laddat upp flera bilder samtidigt ska du granska och välja önskat alternativ för varje bild för sig.
Ladda upp inställningar
Om du vill hoppa över granskningssteget när du laddar upp bilder justerar du inställningarna för Uppladdning. När du laddar upp en bild ser du en knapp för uppladdningsinställningar.
Ditt val här sparas för framtida uppladdningar. Du kan välja:
- Jämför (standard): Granska och välj mellan originalversionen och den komprimerade versionen.
- Använd original: Ladda alltid upp dina originalfiler; inget granskningssteg.
- Använd komprimerad: Ladda alltid upp Klaviyo:s autokomprimerade version; inget granskningssteg.
Beskära en bild
Bilder i bildblock, delningsblock och tabellblock kan enkelt beskäras.
- Klicka på bilden block.
- Klicka på Beskär under bildikonen till vänster.
Du kan välja att beskära en bild till en cirkel, en kvadrat eller en rektangel med anpassad bredd och höjd. När du beskär en bild i redigeraren sparas hela bilden, vilket innebär att du kan justera eller ta bort beskärningen när som helst.
- När du är klar med beskärningen klickar du på bakåtpilen för att tillämpa ändringarna.
Ändra storlek på en bild
För att ändra storlek på en bild använder du storleksreglagen på arbetsytan.
Bilder i uppladdad HTML Mall
För HTML-köpcentrum som du kopierar till Klaviyo (med undantag för Mailchimp-köpcentrum) laddar du upp en zip-fil som innehåller dina bilder under importprocessen.
För Mailchimp Mall specifikt, om du laddar upp en mall som innehåller bilder som redan laddats i Mailchimp, kommer Klaviyo automatiskt att kopiera över alla dessa bilder.
När du har laddat upp en bild kan du använda knappen Insert Image för att ladda upp nya bilder för det köpcentret:
Bildkvalitet
Om du är orolig för att dina bilder inte återges så rent och skarpt i din galleria som du skulle vilja, kan du vidta åtgärder för att förbättra bildkvaliteten.
En av de rådande standarderna för att förbättra skärpan på en återgiven bild i en e-post är att infoga en bild 2x önskad storlek och sedan minska bildstorleken i din mall. Det finns två sätt att närma sig detta:
- Lägg in en stor, skarp version av din bild i din mall, klicka sedan på Redigera och ändra storlek till önskade mått
- Infoga en naturligt större bild (t.ex. 600px bred) och visas i en mindre storlek (t.ex. 300px bredd) med CSS; för att använda detta tillvägagångssätt måste du infoga din bild i en text block och justera CSS-källkoden
Bildtyper
Klaviyo stöder följande bildtyper: JPEG, PNG och GIF.
Du kan ladda upp WebP-filer och använda Klaviyo:s inbyggda konverterare för att konvertera dem till PNG-filer. Konvertering stöds dock inte för animerade WebP-filer.
Om du har andra filformat som PSD eller SVG måste du konvertera dem till en bildtyp som stöds innan du laddar upp dem.
Läs mer om vilka bildtyper som är bäst för din e-post.
Bildbiblioteket
Bilder som du laddar upp till Klaviyo finns i butik under Innehåll > Bilder & varumärke > Bilder. Om du tar bort en bild från ditt bildbibliotek kommer bilden inte att tas bort från någon galleria där den används för närvarande.
Ytterligare resurser
- Så här lägger du till en bakgrundsbild i ett e-postmeddelande eller en sektion
Lär dig hur du lägger text, bilder och annat e-postinnehåll över bakgrundsbilder. Du kan lägga till en bakgrundsbild i ett helt e-postmeddelande eller i ett enskilt avsnitt. Med hjälp av dessa funktioner kan du lägga en bild ovanpå en annan, eller lägga till en knapp eller text ovanpå en bild.
- Varför klipps min e-post bort?
Lär dig hur klippning fungerar och vad du kan göra för att undvika det.
- Guide till filstorlek och laddningstider för e-post