email
Bilder
Sök…
Introduktion
Bilder kan läggas till i ett e-postmeddelande som förgrunds- eller bakgrundsbilder. Bilder bör fjärrvärde på en webbserver och dras till ett e-postmeddelande med absoluta sökvägar. Även om det liknar webben, kan syntaxen och övervägandena vara lite annorlunda.
parametrar
parametrar | detaljer |
---|---|
align | Anger justeringen av en bild i förhållande till det / de omgivande elementet |
alt | Alternativ text som bör visas om bilden av någon anledning inte kunde visas |
border | Hur elementet hanterar crossorigin-begäranden |
height | Anger höjden på bilden (valfritt) |
src | Anger bildens URL |
srcset | Bilder att använda i olika situationer (t.ex. skärmar med hög upplösning, små bildskärmar osv.) |
style | Anger inlineformat som ska tillämpas på ett element |
usemap | Namn på bildkartan som ska användas |
width | Anger bildens bredd |
Förgrundsbilder
Grundläggande förgrundsbilder kan infogas i ett e-postdokument precis som för webbsidor :
<img src="http://www.yourserver.com/email/images/logo.png">
Och de kan göras länkar genom att lägga in dem i en <a href>
:
<a href="http://www.yourwebsite.com">
<img src="http://www.yourserver.com/email/images/logo.png">
</a>
E-post <img>
s använder många av samma attribut som på webben, inklusive några som avskrivs på webben , ingår längst ner på denna sida under Parametrar .
✖ använd inte relativa bildvägar:
<img src="images/logo.gif">
✖ Det rekommenderas att du inte använder base64. Det stöds inte i Outlook och kan snabbt uppblåsa filstorleken på ett e-postmeddelande, vilket utlöser skräppostfilter.
<img src="data:image/png;base64,iVBOR..." alt="Your Image">
Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow