Har du någonsin öppnat ett mejl i Gmail och märkt att det ser konstigt ut? Layouten kan vara fel, text kan saknas, typsnitt visas inte korrekt och i mörkt läge ser designen helt annorlunda ut. Detta är inte ett problem med Gmail, utan ofta ett resultat av att mejlet inte har anpassats till hur Gmail visar innehåll.

Med mer än 1,8 miljarder användare är Gmail en av de mest använda mejlklienterna, både för privat bruk och för företag. Därför är det viktigt för mejlutvecklare och marknadsförare att se till att deras HTML-mejl ser bra ut i Gmail, på alla enheter, i mörkt läge och på mobilen.

För läsaren kan ett trasigt mejl verka stökigt eller ofärdigt. För ett företag innebär det ett missat första intryck och lägre genomslag.

I den här artikeln kommer vi att titta på vanliga visningsproblem i Gmail, varför de uppstår och hur man undviker dem, så att dina mejl förblir tydliga, attraktiva och professionella.

Gmail storleksgräns

Gmail har en gräns för storleken på ett meddelande som kan skickas. Om meddelandets storlek överstiger 102 KB, klipper Gmail bort delar av innehållet, specifikt de element som överskrider denna gräns. Detta gäller både text och bilagor.

Begränsningar för webbtypsnitt i Gmail  

Gmail har vissa tydliga begränsningar när det gäller webbtypsnitt. Det stöder inte typsnitt som laddas från externa källor som Google Fonts, eller anpassade typsnitt med hjälp av font-face-regeln. Detta innebär att alla typsnitt som inte är standard Gmail- eller systemtypsnitt kanske inte visas korrekt. Gmail kommer istället att ersätta dem med Arial eller ett annat standard systemtypsnitt.

Gmail stöder endast två webbtypsnitt — Roboto och Google Sans. Båda är Googles egna typsnitt och används i deras produkter, inklusive Gmail. Dessa kommer att visas korrekt på alla enheter och i alla Gmail-klienter.

Du kan läsa mer om typsnitt i den här artikeln.

Bildnedladdningsikoner i Gmail  

När mejl innehåller inbäddade bilder kan Gmail visa en nedladdningsikon istället för att ladda bilderna automatiskt. Detta händer vanligtvis om bilderna saknar en korrekt URL eller är för stora. Som ett resultat behöver mottagarna klicka för att se bilderna, vilket kan påverka användarupplevelsen negativt.

Situationer där detta händer:

• Bilder utan URL: Om bilden inte innehåller en URL kommer Gmail att visa en ikon som låter mottagarna ladda ner bilden. I värsta fall kan denna ikon täcka viktig information på bilden. I bästa fall ser det oprofessionellt ut och minskar effektiviteten i ditt mejl.
• Stora bilder: Om bilderna är stora (till exempel flera megabyte) kan Gmail välja att inte ladda dem automatiskt. Detta kan också leda till att en ikon visas för att ladda ner bilden. Stora filer kan bromsa nedladdningsprocessen för mejlet och försämra användarupplevelsen ytterligare.

Hur du undviker dessa problem:

• Använd inbäddade bilder med URL: Inkludera bilder direkt i mejlets innehåll så att de laddas automatiskt utan att mottagaren behöver klicka på en ikon.
• Optimera bildstorlek: Minska bildstorleken utan att förlora kvalitet, så att bilderna laddas snabbt och inte orsakar fördröjningar.
• Kontrollera bildens tillgänglighet: Om bilderna är lagrade på en extern server, se till att servern är stabil och inte blockerar åtkomst till filerna.

Automatisk formatering av telefonnummer, webbplatser och e-postadresser

Gmail förbättrar användarupplevelsen genom att automatiskt omvandla telefonnummer, e-postadresser och URL:er till klickbara länkar för enklare interaktion. Nackdelen? Dessa länkar är, som standard, blå och understrukna.

För att undvika detta, linda texten för en webbplatsadress, telefonnummer eller e-postadress i en länk och stilisera den därefter.

Gmail på Android-enheter: Inte bara @gmail.com  

Gmail-appen på Android har utvecklats och hanterar nu inte bara @gmail.com-adresser. Den stöder nu:

• Google-konton – inklusive vanliga @gmail.com-adresser och Google Workspace-konton med anpassade domäner.  
• Externa e-posttjänster – som Outlook, Yahoo, iCloud eller vilken e-postadress som helst med IMAP/POP3-stöd (t.ex. @company.com eller @university.edu).

Detta gör Gmail på Android till en mångsidig e-postklient, som kan hantera olika typer av e-postadresser.

GANGA (Gmail Android med icke-Gmail-konton) hänvisar till scenariot där användare får åtkomst till e-post i Gmail-appen på Android, men använder icke-Google-e-postadresser (som @outlook.com, @mail.com eller vilken företags-e-postadress som helst).

I det här läget fungerar Gmail annorlunda jämfört med när det hanterar @gmail.com-konton:

• HTML-mejl kanske inte renderas korrekt.  
• Inline-stilar, typsnitt, media queries och andra renderingskomponenter kan bete sig inkonsekvent.  
• Mörkt läge kan aggressivt invertera färger.  
• Vissa CSS-egenskaper eller <style>-taggar kan ignoreras.

Som resultat är GANGA ett kritiskt testscenarie för mejlutvecklare, eftersom många användare får åtkomst till Gmail på Android med icke-Gmail-konton.

Avvikelser i Dark mode

Gmail står inför flera kompatibilitetsproblem med mörkt läge på Android- och iOS-plattformar.

Ett av de största problemen är att Gmail ändrar ljusfärgad text till mörk text i mörkt läge på iOS. Till exempel, om ett mejl innehåller vit text på en svart bakgrund, omvandlas den i mörkt läge på iOS till svart text på en vit bakgrund, vilket undergräver själva konceptet med mörkt läge.

Detta problem är inte begränsat till vit text, det påverkar vilken ljusfärgad text som helst, vilket potentiellt kan påverka tillgängligheten och minska läsbarheten av mejl.

I Gmail:

Ni kan läsa mer om Dark mode här.