We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Wie können wir Ihnen helfen?
Durchsuchen Sie unsere Hilfe-Artikel, Video-Tutorials und Schnellstart-Anleitungen

Sie haben es. Sie haben uns. Durchsuchen Sie unsere Wissensdatenbank für eine schnelle Antwort auf Ihre Fragen zum E-Mail-Marketing.

Ändern Sie die Größe eines Bildes in einer E-Mail für ein optimales Aussehen auf Desktop und Mobilgeräten

Article: 000017769
Updated: 15. März 2024

Ändern Sie manuell die Proportionen eines Bildes oder legen Sie bestimmte Abmessungen fest, um sicherzustellen, dass das Bild sowohl auf dem Desktop als auch auf dem Handy die richtige Größe hat

Sobald Sie ein Bild zu Ihrer E-Mail hinzugefügt haben, können Sie die Größe direkt im E-Mail-Editor proportional vergrößern oder verkleinern. Dadurch wird sichergestellt, dass das Bild die richtige Größe hat, wenn Ihre E-Mail auf einem Desktop angezeigt wird.

Diese Methode ändert jedoch nicht unbedingt etwas an der Darstellung des Bildes auf einem mobilen Gerät. Bilder, die mindestens 480 Pixel haben, füllen die gesamte Bildschirmbreite aus, wenn sie auf einem Mobilgerät betrachtet werden. Für Bilder, die bei der Anzeige auf einem mobilen Gerät nicht die Breite des Bildschirms einnehmen sollen, können Sie die Abmessungen des Bildes im Bildeditor ändern.


Manuelles Anpassen der Bildproportionen für die optimale Darstellung auf einem Desktop

  1. Platzieren Sie Ihren Cursor über dem Bild und klicken Sie in der unteren, rechten im Bild auf die Pfeile. Klicken Sie und ziehen Sie den Punkt nach außen, um das Bild zu vergrößern und nach innen, um es zu verkleinern.

    Ziehpunkt für Bildgrößenanpassung
Design-TippDesign-Tipp: Wenn oberhalb und unterhalb Ihres Bildes ein zusätzlicher Weißraum sichtbar ist und Sie diesen entfernen möchten, können Sie klicken, um das Bild-Padding zu entfernen. Die Hintergrundfarbe des Blocks kann ebenfalls geändert werden und verleiht Ihnen weitere Gestaltungsoptionen.


Wenn Ihr Bild nicht ganz so aussieht, wie Sie es wünschen, versuchen Sie, das Bildzuzuschneiden. Breite Bilder fungieren optimal als Bannerbilder, weil beim Zuschneiden nicht viel Inhalt verloren geht.

 

Bildabmessungen für die optimale Darstellung auf einem mobilen Gerät einstellen

  1. Klicken Sie auf das Bild, um die Toolbar zu öffnen und anschließend auf Replace (Ersetzen).

    Bild ausgewählt und Schaltfläche Replace (Ersetzen)
     
  2. Klicken Sie auf Edit (Bearbeiten).

    Ein Bild-Overlay und die Schaltfläche Edit (Bearbeiten) hinzufügen
     
  3. Klicken Sie auf das Symbol Transform (Umwandeln).

    Bildeditor mit Umwandlungssymbol
     
  4. Markieren Sie das Kästchen "Auflösung sperren".
  5. Ändern Sie die Breite auf etwas kleiner als 480 Pixel. Klicken Sie dann auf die Eingabetaste auf Ihrer Tastatur, um die Höhe automatisch zu aktualisieren.
    Hinweis: Beachten Sie, dass 480 Pixel die gesamte Breite des mobilen Bildschirms ausfüllen. Wählen Sie daher eine Breite von etwa 150-250 Pixeln, wenn Sie möchten, dass das Bild ein Drittel bis die Hälfte der Breite des mobilen Bildschirms einnimmt.
  6. Klicken Sie auf Export (Exportieren).

    Bildeditor mit Kontrollkästchen Lock Resolution (Auflösung sperren), Set Width Dimensions (Breitenmaße festlegen) und Schaltfläche Export (Exportieren)
     
  7. Klicken Sie auf Insert (Einfügen).

    Bild einfügen
     
Sie werden feststellen, dass sich die Größe des Bildes im E-Mail-Editor nicht geändert hat, was bedeutet, dass das Bild auf einem Desktop nicht kleiner erscheint. Allerdings wird das Bild auf einem mobilen Gerät kleiner angezeigt. Verwenden Sie die Vorschaufunktion, um sicherzustellen, dass das Bild für Sie richtig aussieht:
  1. Klicken Sie auf Preview & Test (Vorschau und Test) oder Check & Preview (Überprüfen und Vorschau) > Preview (Vorschau).

    Dropdown Vorschau und Test mit Option Vorschau
     
  2. Klicken Sie auf den Tab Mobile (Mobilgeräte).

    Desktop-Vorschau von E-Mails und Registerkarte Mobilgeräte
     
Vergewissern Sie sich, dass das Bild auf einem Mobilgerät so angezeigt wird, wie Sie es wünschen.
 
Vorschau der E-Mail auf dem Mobilgerät 
Die Abmessungen des obersten Bildes (orangefarbener Pullover) wurden nicht verändert, und es füllt daher die Breite des Bildschirms auf einem Mobilgerät aus.
 
Die Abmessungen des unteren Bildes (der blaue Pullover) wurden verkleinert, so dass es auf einem mobilen Gerät kleiner erscheint.


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Alle Rechte vorbehalten · Constant Contact · Privacy Policy