---
url: "/de/emailify/design/background-images.md"
description: "Füge Row-, Column-, Wrapper- und Hero-Ebenen per Figma-Bildfüllung Hintergrundbilder hinzu, die in allen E-Mail-Clients (auch Outlook) funktionieren."
---

# Hintergrundbilder in deine E-Mail-Layouts einfügen

> Füge Row-, Column-, Wrapper- und Hero-Ebenen per Figma-Bildfüllung Hintergrundbilder hinzu, die in allen E-Mail-Clients (auch Outlook) funktionieren.

[Video](/assets/videos/emailify/design/row-background-image.mp4)

Du kannst jeder Row-, Column-, Wrapper- oder Hero-Ebene in deinem E-Mail-Design ein Hintergrundbild hinzufügen: Klick in Figma auf die Ebene, dann auf das **+**-Icon neben dem Panel **Fill** in den Figma-Eigenschaften der Ebene, und stell den Füllungstyp auf **Image**. Das Beispiel oben zeigt das an einer Column-Ebene, aber derselbe Ablauf gilt auch für Row-, Wrapper- und Hero-Ebenen. Die Bildfüllung wird beim HTML-Export deiner E-Mail aus dem Plugin als Hintergrundbild angewendet.

> **Tip:** Um den Kontrast zwischen deinem Hintergrundbild und den Inhaltsebenen zu erhöhen, kannst du über der Bildfüllung deiner Ebene eine zusätzliche halbtransparente Farbe hinzufügen (über das **+**-Icon neben dem Panel **Fill** in den Figma-Eigenschaften der Ebene). Stell die neue **Gradient**- oder **Solid**-Füllung auf die gewünschte Farbe ein und pass dann den Prozentwert der Deckkraft an (zum Beispiel `35`).

> **Note:** Hintergrundbilder und Verläufe werden auf Row-, Column-, Wrapper- und Hero-Ebenen in der Emailify-Vorschau und in HTML-gerenderten Exporten unterstützt. Wenn du reine `mjml`- oder `loops`-Ausgabe exportierst, werden die Hintergrundbild-Attribute von Columns dort weiterhin weggelassen.

## Einfarbige Fallback-Farbe hinter deinem Hintergrundbild festlegen {#setting-a-solid-fallback-color-behind-your-background-image}

[Video](/assets/videos/emailify/design/add-bg-fallback-color.mp4)

Wenn hinter deinem Hintergrundbild eine eigene Fallback-Farbe erscheinen soll (sichtbar, solange das Bild im E-Mail-Client lädt oder wenn der E-Mail-Client Bildinhalte zunächst blockiert), füg den **Fills** deiner Row-, Column-, Wrapper- oder Hero-Ebene mit dem Hintergrundbild eine zusätzliche einfarbige Füllung hinzu: Klick auf den **+**-Icon-Button, stell die gewählte Füllfarbe auf `100%` Deckkraft und zieh sie dann ans Ende der Fills-Liste (unter deine Bildfüllung für den Hintergrund).