Skip to main content
In this chapter
< Contents
Print

Images, attachments, and alt text

Bilder fügst Du über Bild in der oberen Werkzeugleiste oder als fertigen Bildbaustein aus der Elementleiste ein. Dateien für Empfänger lädst Du separat über Anhang hoch. Wähle danach immer das konkrete Bild oder den konkreten Link aus, damit der Style Editor die passenden Eigenschaften zeigt.

Bild und Anhang in der Newsletter-WerkzeugleisteBild und Anhang in der Newsletter-Werkzeugleiste

Bild und Anhang in der Newsletter-Werkzeugleiste

Bildquelle wählen und Bild einfügen {#media-insert-image}

  1. Setze den Cursor an die gewünschte Position und wähle oben Bild, oder ziehe

einen Bildbaustein aus Layout in den Newsletter.

  1. Wähle das eingefügte Bild aus. Oberhalb des Bildes erscheinen Upload or

Edit…. Ist die KI-Bildfunktion für Dein Konto freigeschaltet, kommt KI hinzu.

  1. Select Upload, um eine Datei über den Dateidialog Deines Geräts hochzuladen.

Nach dem Upload öffnet sich die Bildbearbeitung. Mit Übernehmen setzt Du das neue Bild ein.

Ausgewähltes Bild mit Upload und EditAusgewähltes Bild mit Upload und Edit

Ausgewähltes Bild mit Upload und Edit

Der allgemeine Uploadpfad besitzt aktuell keine zentrale Mediathek, in der alle früher hochgeladenen Dateien erneut ausgewählt werden können. Ein bekanntes, dauerhaft erreichbares Bild kannst Du über Bild Url wiederverwenden. Das optional freigeschaltete KI öffnet die getrennte Auswahl für KI-Bilder; es ist kein Ersatz für eine allgemeine Dateimediathek. Verwende nur Bilder, für die Du die erforderlichen Rechte besitzt.

Bild hochladen oder ersetzen {#media-upload-replace}

Wenn ein Bild markiert ist, ersetzt Upload genau dieses Bild. Ohne ausgewähltes Bild fügt der Editor die Datei an der aktuellen Einfügeposition ein. Prüfe nach dem Ersetzen Ausschnitt, Größe, Alt. Text or Hyperlink erneut; diese Eigenschaften gehören zum gewählten Bild im Entwurf.

Under Bild zeigt der Style Editor die Felder Bild Url or Alt. Text. Der Upload-Button neben Bild Url führt ebenfalls in denselben Dateidialog. Eine externe https://-Adresse kann als Bild Url dienen, doch das Bild kann sich später ändern oder ausfallen. Ein Upload in den eigenen mailfino-Bildbereich schützt vor solchen Änderungen an einer fremden Quelle. Auch dieses Bild wird beim Öffnen der E-Mail nachgeladen und kann vom Mailprogramm blockiert werden.

Bild Url, Alt. Text und Upload im Style EditorBild Url, Alt. Text und Upload im Style Editor

Bild Url, Alt. Text und Upload im Style Editor

Der Server akzeptiert nur geprüfte Bildinhalte und höchstens 2.048 kB pro Upload. Stimmen Inhalt, Dateityp oder deklarierte Dateiinformationen nicht überein oder ist die Datei zu groß, erscheint eine Fehlermeldung und der Editor übernimmt die Datei nicht. Verkleinere oder exportiere sie in ein übliches Bildformat und starte einen neuen Upload.

Zuschneiden, verschieben, zoomen und drehen {#media-crop}

Wähle am markierten Bild Edit…. In der Bildbearbeitung stehen von links nach rechts Verschieben, Zuschneiden, Vergrößern, Verkleinern, Linksdrehung, Rechtsdrehung und Zurücksetzen zur Verfügung. Der Zuschneider übernimmt das Seitenverhältnis des sichtbaren Bildplatzes, damit das Ersatzbild in den bestehenden Newsletterabschnitt passt.

Bildbearbeitung mit Zuschnitt, Zoom, Drehung und ÜbernehmenBildbearbeitung mit Zuschnitt, Zoom, Drehung und Übernehmen

Bildbearbeitung mit Zuschnitt, Zoom, Drehung und Übernehmen

Verschiebe Bild und Rahmen so, dass das wichtige Motiv vollständig sichtbar bleibt. Übernehmen erzeugt das bearbeitete Bild und setzt es in den Entwurf ein. Das Zurücksetzen-Symbol verwirft die Bearbeitung im Dialog; schließe den Dialog ohne Übernehmen, wenn das Newsletterbild unverändert bleiben soll. Ein später erneut geöffneter Ausschnitt kann weiter angepasst werden.

Bild auf der Arbeitsfläche skalieren {#media-scale}

Wähle das Bild und ziehe am Größenanfasser des Auswahlrahmens. Der Editor begrenzt die Breite auf den umgebenden Container und behält beim normalen Ziehen das Seitenverhältnis bei. Im Style Editor kannst Du die wirksame Breite und Höhe unter Größe prüfen; für ein normales Foto sollte die Höhe automatisch aus der Breite entstehen.

Bild mit Größenanfasser und GrößenwertenBild mit Größenanfasser und Größenwerten

Bild mit Größenanfasser und Größenwerten

Prüfe die Skalierung zusätzlich unter Mobile. Bei einem Bild mit fester Desktopbreite legt der Editor dort eine prozentuale mobile Breite an. Vergrößere ein kleines Ausgangsbild nicht stark, da es sonst unscharf wird, und verlasse Dich bei Text oder Preisen nie auf die Auflösung eines Bildes.

Sinnvollen Alternativtext schreiben {#media-alt-text}

Trage den Alternativtext am ausgewählten Bild unter Alt. Text ein. Beschreibe knapp Inhalt oder Zweck, zum Beispiel „Zwei Personen im Gespräch an einem Workshop-Tisch“. Wiederhole keine direkt danebenstehende Überschrift und beginne nicht mit „Bild von“.

  • Informativ: Beschreibe die Information, die ohne das Bild fehlen würde.
  • Verlinkt: Nenne Inhalt oder Ziel so, dass der Link auch ohne sichtbares Bild

verständlich bleibt.

  • Dekorativ: Lasse Alt. Text leer, wenn Linie, Muster oder Stimmung keinerlei

zusätzliche Information vermitteln.

Text, Preise, Fristen und die einzige Handlungsaufforderung dürfen nicht nur im Bild stehen. Prüfe den Alternativtext in der Vorschau und im Barrierefreiheitscheck.

Bild verlinken {#media-image-link}

Wähle das Bild. Im Style Editor öffnet Hyperlink die Linkeigenschaften. Wähle für eine normale Zielseite Url und trage eine vollständige https://-Adresse ein. Ein vorhandener Link erscheint als umgebender Link des Bildes. Kontrolliere Bild und Ziel nach jeder Änderung erneut.

Bild mit Hyperlink und Url-ZielBild mit Hyperlink und Url-Ziel

Bild mit Hyperlink und Url-Ziel

Der Alternativtext soll den Zweck des verlinkten Bildes verständlich machen. Öffne das Ziel in einer echten Testmail; der Bearbeitungsmodus selbst ist kein Linktest. Weitere Linkarten stehen unter links and personalization.

Anhänge hochladen und verwalten {#media-attachments}

  1. Wähle oben Anhang und danach genau eine Datei im Dateidialog.
  2. Nach erfolgreicher Prüfung erscheint sie im Bereich Anhänge am Ende des

Newsletters mit Dateisymbol und Anzeigename. Eine Größe wird nur bei älteren Einträgen angezeigt, die diesen Wert noch enthalten.

  1. Öffne am Anhang das Kontextmenü und wähle Anhang löschen, wenn die Datei nicht

mehr als Download angeboten werden soll. Nach dem letzten Eintrag entfernt der Editor den ganzen Anhangsbereich.

Anhangsliste am Ende des NewslettersAnhangsliste am Ende des Newsletters

Anhangsliste am Ende des Newsletters

Die Uploadprüfung erlaubt nur freigegebene Dateitypen, kontrolliert Typ und Inhalt und lehnt leere, zu große oder verdächtige Dateien ab. Die Obergrenze des aktuellen Uploads beträgt auch für Anhänge 2.048 kB. Bei einer Sicherheitsmeldung wurde die Datei nicht übernommen. Behebe Ursache oder Dateiformat, statt die Warnung zu umgehen.

mailfino hängt diese Dateien nicht als MIME-Anhang an die E-Mail an. Der Bereich Anhänge und die Linkart Dateianhang führen zu einem öffentlichen Downloadlink im Newsletter. Die Datei muss deshalb nach dem Versand dauerhaft erreichbar bleiben. Entferne oder ersetze sie nicht, solange versendete Newsletter noch darauf verweisen.

Auf einen Anhang verlinken {#media-attachment-link}

Wähle den Text, das Bild oder den Button, der auf die Datei führen soll. Öffne Hyperlink, stelle die Linkart auf Dateianhang und wähle die bereits hochgeladene Datei unter Dateiauswahl. Dort kannst Du bei Bedarf auch einen neuen Anhang hochladen. Formuliere das Ziel eindeutig, etwa „Herbstprogramm als PDF herunterladen“.

Dateianhang als Ziel eines HyperlinksDateianhang als Ziel eines Hyperlinks

Dateianhang als Ziel eines Hyperlinks

Entfernst Du die Datei später aus Anhänge, prüfe alle Buttons, Bilder und Texte, die darauf verwiesen haben. Ein verständlicher Linktext ersetzt nicht die Kontrolle, ob das Ziel noch vorhanden ist.

Fehler beheben {#media-errors}

Abgelehnter Bild- oder AnhangsuploadAbgelehnter Bild- oder Anhangsupload

Abgelehnter Bild- oder Anhangsupload
Meldung oder Zustand Lösung
Datei zu groß Bild komprimieren oder Anhang über eine Downloadseite bereitstellen; anschließend neu auswählen.
Dateiformat nicht erlaubt In ein freigegebenes Format exportieren; eine umbenannte Dateiendung genügt nicht.
Dateiinhalt ungültig Datei in der Quellanwendung neu erzeugen und prüfen, statt die fehlerhafte Datei erneut zu senden.
Upload fehlt oder bricht ab Verbindung und Sitzung prüfen, Datei erneut auswählen und das erfolgreiche Ergebnis im Newsletter kontrollieren.
Sicherheitsprüfung fehlgeschlagen Datei nicht verwenden; sichere Quelle und bereinigte Datei beschaffen.

Vor dem Versand prüfen

  • Hat jedes informative oder verlinkte Bild einen konkreten Alt. Text?
  • Sind Ausschnitt, Drehung und Größe auf Desktop und Mobil korrekt?
  • Funktioniert jeder Bildlink in einer Testmail?
  • Sind alle Anhänge beabsichtigt, eindeutig benannt und unter Dateianhang noch

auswählbar?

  • Ist kein wichtiger Inhalt ausschließlich als Bild oder Anhang verfügbar?

Farben, Abstände und Bildabrundungen erklärt styling newsletters; der abschließende Prüfablauf steht unter preview, test email, and accessibility.