Voeg inline afbeeldingen toe in e-mails met Content-ID (CID)

Bij het versturen van e-mails met afbeeldingen wordt vaak gebruik gemaakt van externe links naar een webhosting of CDN. Dit werkt prima, maar afbeeldingen kunnen geblokkeerd worden door e-mailclients of niet laden wanneer de hosting tijdelijk offline is.

Met Content-ID (CID) stuur je afbeeldingen inline mee in de e-mail. Ze worden direct opgenomen in de e-mail zelf, waardoor ze altijd zichtbaar blijven zonder geblokkeerd te worden.

Wat is Content-ID?

Content-ID is een techniek om afbeeldingen direct in e-mails op te nemen (embedden). In plaats van afbeeldingen te laden vanaf een externe URL, voeg je de afbeelding toe als onderdeel van de e-mail zelf.

Je gebruikt Content-ID bijvoorbeeld voor:

Handtekeningen (email signatures): logo's en profielfoto's
Nieuwsbrieven: headers, productfoto's en visuele elementen

Perfect te gebruiken in zowel transactional e-mails als broadcast e-mails.

Hoe werkt het?

Content-ID gebruiken is eenvoudig. Je voegt een afbeelding toe als bijlage (attachment) met een unieke content_id, en verwijst vervolgens in je HTML naar deze afbeelding met cid:jouw-content-id.

Een voorbeeld met onze PHP SDK:

          $lettermint = new Lettermint\Lettermint('your-api-key');

$lettermint->email
    ->from('hello@yourdomain.com')
    ->to('customer@example.com')
    ->subject('Welcome to our service')
    ->html('
        <h1>Welcome!</h1>
        <img src="cid:company-logo" alt="Company Logo" />
        <p>Thanks for signing up.</p>
    ')
    ->attach('logo.png', base64_encode(), 'company-logo')
    ->send();

In het voorbeeld zie je dat de src van de afbeelding verwijst naar cid:company-logo. Dit komt overeen met de content_id die we meegeven bij de bijlage. Zo weet de e-mailclient welke afbeelding op welke plek moet worden weergegeven.

Let op: Zonder content_id verschijnt de afbeelding als downloadbare bijlage. Met Content-ID wordt deze inline getoond op de plek waar je de afbeelding wilt plaatsen.

Naast PHP is Content-ID ook beschikbaar in onze andere integraties zoals Node.js, SMTP en via onze API. Alle voorbeelden en mogelijkheden vind je in de documentatie.

Conclusie

Met Content-ID ben je niet meer afhankelijk van externe hosting. Afbeeldingen worden direct meegestuurd en zijn altijd zichtbaar, ook als e-mailclients externe content blokkeren.

Afbeeldingen direct zichtbaar
Geen gedoe met hosting voor externe URLs
E-mails blijven ook offline werken

Voor meer informatie en integratie voorbeelden, bekijk onze documentatie