Hallo. Wie können wir helfen?

Ihre Bilder zuschneiden und deren Größe ändern

Um eine professionelle Website zu erstellen, ist es wichtig, Ihre Bilder an Ihr Template anzupassen. Korrekt zugeschnittene Bilder können das Kundenerlebnis optimieren und Produkte auf Ihrer Seite hervorheben.

Voraussetzungen

Bevor Sie beginnen, sollten Sie sich mit den Anforderungen Ihres Templates vertraut machen und das Bild, das Sie verwenden möchten, hinsichtlich einiger wichtiger Aspekte analysieren:

  1. Für welchen Zweck wollen Sie das Bild verwenden? Bilder können für Produkte, Headlines oder Banner verwendet werden. Die erforderlichen Bildgrößen unterscheiden sich je nach Zweck, daher ist es wichtig, ein Bild zu finden, das Ihren Anforderungen entspricht.
  2. Sie finden die erforderlichen Abmessungen und andere Spezifikationen für Ihr Template im Handbuch des Templates. Klicken Sie hier, um zu erfahren, wo sie Template-Handbücher finden können.
  3. Sammeln Sie Bilder zum Hochladen. Beachten Sie bei der Auswahl der Bilder einige wichtige Punkte, um die Bearbeitungszeit zu reduzieren:
    • Bilder sollten mindestens so groß sein, wie vom Template erforderlich.
    • Bilder sollten eine ähnliche Ausrichtung und Form haben, wie vom Template erforderlich.
    • Bilder müssen den Bildanforderungen der eCom-Plattform entsprechen. Um mehr über die Anforderungen zu erfahren, klicken Sie hier.
  4. Denken Sie darüber nach, ob Sie die Größe Ihres Bildes ändern oder es zuschneiden müssen. Berücksichtigen Sie dabei den jeweiligen Zweck dieser Bearbeitungsmaßnahmen:
    • Durch das Zuschneiden eines Bilds wird verhindert, dass es verzerrt oder gestreckt wird. Berechnen Sie das erforderliche Abmessungsverhältnis basierend auf dem Template-Handbuch, um ein Bild effektiv zuzuschneiden. Verwenden Sie diese Verhältnisse, um zu bestimmen, wie stark Sie Ihr Bild zuschneiden müssen.
    • Stellen Sie beim Ändern der Größe eines Bildes sicher, dass Sie die Größe proportional ändern. Ändern Sie die Größe eines Bildes nur, wenn es zu groß ist. Große Bilder können die Ladezeiten verlängern, was sich auf SEO und die Konversionsrate Ihrer Website auswirkt.

Zum Bearbeiten des Bildes benötigen Sie ein Bildbearbeitungsprogramm. Klicken Sie hier für eine Übersicht über verfügbare Programme.

Anweisungen

  1. Öffnen Sie das Bild in der Software Ihrer Wahl.
  2. Ändern Sie die Größe oder schneiden Sie das Bild auf die gewünschte Größe zu.
  3. Speichern Sie das bearbeitete Bild auf Ihrem Computer ab.
  4. Laden Sie das bearbeitete Bild in eCom hoch.

Beispiele

Wenn Sie ein Bild finden, das Sie verwenden möchten, aber für Ihr Template eine andere Bildform oder spezifische Abmessungen erforderlich sind, können Sie das Bild entsprechend zuschneiden. Die im folgenden Beispiel verwendete Methode kann auf eine Vielzahl von Situationen angewendet werden und ist ein nützlicher Trick für Ihre persönliche Werkzeugkiste.

Original_.jpg

Checkliste Voraussetzungen

  1. Wofür wollen Sie dieses Bild verwenden?
    Dieses Bild soll für eine Headline verwendet werden.

  2. Was sind die Template-Anforderungen für eine Headline?
    Sie haben das Ignite-Template installiert. Im Handbuch zu Ignite steht, dass die empfohlenen Abmessungen für hochauflösende Headlines 3.200 px (Breite) mal 1.300 px (Höhe) betragen.

  3. Erfüllt dieses Bild die Anforderungen für das Ignite-Template und eCom? Können Sie das Bild für den beabsichtigten Zweck verwenden?
    • Die Originalabmessungen dieses Bildes betragen 5.100 Pixel (Breite) mal 3.400 Pixel (Höhe), womit es die Anforderungen für dieses Template und für eCom erfüllt.
    • Diese Datei ist eine .jpeg-Datei. Dieses Format wird von eCom unterstützt.
    • Dieses Bild ähnelt der für eine Headline notwendigen Größe und Form.
  4. Sollten Sie dieses Bild zuschneiden oder in der Größe ändern?
    Sie sollten das Bild nicht in der Größe anpassen, sondern zuschneiden, um die Bildform besser an eine Headline anzupassen. Dazu müssen Sie das Verhältnis zwischen Breite und Höhe berechnen. Verwenden Sie dazu die im Ignite-Handbuch erwähnten Abmessungen. Dort steht, dass eine Headline 3.200 px breit und 1.300 px hoch sein sollte.
    • Das erforderliche Verhältnis zwischen Breite zu Höhe ist 3.200/1.300 = 2,46.
    • Das erforderliche Verhältnis von Höhe zu Breite ist 1.300/3.200 = 0,41.
      Verwenden Sie dieses Verhältnis, um die Bildabmessungen zu berechnen:
      • Wenn Sie eine bevorzugte Breite haben, teilen Sie diese durch 2,46, um die erforderliche Höhe zu erhalten.
      • Wenn Sie eine bevorzugte Höhe haben, teilen Sie diese durch 0,41, um die erforderliche Breite zu erhalten.

Nachdem Sie das Bild ausgewählt und das erforderliche Verhältnis bestimmt haben, können Sie das Bild zuschneiden.

Höhe eines Bildes zuschneiden

Das Bild hat eine angemessene Breite, ist aber zu hoch für die Headline-Anforderungen des Ignite-Templates. Sie müssen das Bild in der Höhe zuschneiden, um das gewünschte Verhältnis zu erreichen. So berechnen Sie die neue Höhe:

  • Da Sie nur die Höhe anpassen müssen, können Sie die neue Höhe berechnen, indem Sie die Breite durch 2,46 teilen.
  • Die Breite des Originalbildes beträgt 5.100 px.
  • 5.100 px ÷ 2,46 = 2.073 px.

Die Höhe des Bildes muss auf 2.073 px zugeschnitten werden.

Das Endergebnis:

Cropped_Height.jpg

Ein Bild in der Breite zuschneiden

Um die Höhe eines Bildes beizubehalten, muss die Breite möglicherweise angepasst werden, um den Headline-Anforderungen des Ignite-Templates zu erfüllen. Um die volle Höhe beizubehalten, können Balken an den Seiten des Bildes hinzugefügt werden, um die korrekten Abmessungen zu erreichen. Die Schritte zum Hinzufügen dieser Balken variieren je nach verwendeter Bearbeitungssoftware. So berechnen Sie die neue Breite:

  • Da Sie nur die Breite anpassen müssen, können Sie die Höhe einfach durch 0,41 teilen.
  • Die Breite des Originalbildes beträgt 3.400 px.
  • 3.400 px ÷ 0,41 = 8.292 px.

Die Breite des Bildes muss auf 8.292 px zugeschnitten werden.

Das Endergebnis:

Resized_3200_130.png

Größe eines Bildes ändern

Wenn Sie ein Bild haben, das bereits die nötigen Abmessungen hat, aber zu groß ist, um die Upload-Anforderungen von eCom zu erfüllen, können Sie dessen Größe anpassen. Im obigen Beispiel entspricht das erstellte Bild den Anforderungen des Ignite-Templates, ist jedoch zu groß, um es auf eCom hochzuladen. Um die Größe des Bildes zu ändern, berechnen Sie die Abmessungen für Höhe und Breite:

  • Die Breite des Originalbildes beträgt 8.292 px.
  • Die empfohlenen Abmessungen für das Ignite-Template sind 3.200 Pixel (Breite) und 1.300 Pixel (Höhe).
  • Die maximalen Bildabmessungen für eCom betragen 5.128 px (Höhe) x 5.128 px (Breite).

Das Bild muss für eine Abmessung von 3.200 Pixel Breite mal 1.300 Pixel Höhe auf 38,3 % seiner Originalgröße angepasst werden

Mit Bildbearbeitungssoftware können Sie die Größe Ihres Bildes ändern und die Dateigröße komprimieren, ohne das Bild zu verzerren. Um unerwünschte Bildverzerrungen zu vermeiden, wird empfohlen, dass Sie die Schritte im Handbuch Ihrer Bildbearbeitungssoftware befolgen, die Sie hier finden können.

Weiterführende Informationen

Die obigen Schritte zum Ändern der Größe und Zuschneiden von Bildern gelten für verschiedene Bildtypen und Templates verwendet werden. Wenn Sie sich mit den Werkzeugen vertraut machen, die Ihnen in Ihrer Bildbearbeitungssoftware zur Verfügung stehen, können Sie das Erlebnis Ihrer Kunden optimieren und Produkte auf Ihrer Seite hervorheben. Weitere Tipps und Anpassungsoptionen finden Sie in den entsprechenden Artikeln weiter unten.

Gängige Designeinstellungen finden

Einführung in die Gestaltung Ihres eCom-Shops

War dieser Beitrag hilfreich?

0 von 0 fanden dies hilfreich