---
title: "Medieneinstellungen vornehmen: kleine, mittlere und große Bildgröße, Leinwandmaß, scharfe Bilder, Seitengeschwindigkeit und Checkliste im E-Commerce-Panel"
description: "Wie richtet man die Medieneinstellungen ein? Zeigen Sie Produktbilder scharf und schnell, indem Sie die Größen für kleines, mittleres und großes Bild, die Zeichenflächengröße und das CDN-Feld korrekt einrichten."
url: https://www.faprika.com/de/blog/medieneinstellungen-vornehmen
language: de
site: Faprika
---

# Medieneinstellungen vornehmen: kleine, mittlere und große Bildgröße, Leinwandmaß, scharfe Bilder, Seitengeschwindigkeit und Checkliste im E-Commerce-Panel

> Wie richtet man die Medieneinstellungen ein? Zeigen Sie Produktbilder scharf und schnell, indem Sie die Größen für kleines, mittleres und großes Bild, die Zeichenflächengröße und das CDN-Feld korrekt einrichten.

Sie haben stundenlang im Studio das Produktfoto aufgenommen und im Panel hochgeladen, doch im Shop wirkt es unscharf, im Warenkorb riesig oder auf der Produktseite beschnitten. Egal wie gut das Produkt ist: Den ersten Eindruck vermittelt das Bild; Kunden vertrauen einem unscharfen Foto nicht und warten auch nicht auf eine langsam ladende Seite. Meist liegt das Problem nicht am Foto selbst, sondern an den Einstellungen, die bestimmen, in welcher Größe und Qualität dieses Foto auf der Website angezeigt wird.

In diesem Leitfaden behandeln wir die **Medieneinstellungen** anhand des echten Faprika-Panel-Bildschirms: wozu die kleine, mittlere und große Bildgröße dienen, was Canvas-Breite und -Höhe bestimmen, was in das CDN-Feld gehört und warum eine Änderung nur für neue Produkte gilt. Über das Panel hinaus bieten wir einen praktischen Blick: ein kleines Werkzeug, das berechnet, wie viele Pixel ein Bild benötigt, um in sein Feld zu passen, und eine Checkliste mit acht Punkten. Das Vorbereiten, Skalieren und Benennen des Fotos selbst wird in separaten Beiträgen behandelt: [Optimierung von Produktbildern](https://www.faprika.com/de/blog/produktbilder-optimieren) und [Massen-Upload von Produktbildern](https://www.faprika.com/de/blog/produktbilder-im-massen-upload-hochladen). Hier konzentrieren wir uns ausschließlich auf die richtige Einrichtung der Medieneinstellungen im Panel.

Kerngedanke

„Die Bildqualität wird an zwei Stellen entschieden: bei der Aufnahme und im Panel. Selbst wenn die Aufnahme stimmt, sieht der Kunde ein unscharfes Foto, wenn eine der drei Größen im Panel zu klein ausfällt; fällt sie zu groß aus, wird die Seite unnötig schwer. Bei den Medieneinstellungen geht es darum, für jeden Bildschirm eine Größe zu wählen, die ausreicht, aber nicht übertrieben ist.“

## Was sind Medieneinstellungen?

Die Medieneinstellungen legen fest, in welchen Pixelmaßen und in welcher Qualität die ins Panel hochgeladenen Bilder auf der Website gespeichert und angezeigt werden. Die Maße und die Auflösung des Canvas, auf dem die Bilder liegen, also ihre Pixelverhältnisse, verwalten Sie in diesem Bereich.

In Faprika finden Sie diese Einstellungen im Kontrollpanel unter **Konfiguration > Einstellungen > Medieneinstellungen**. Der Bildschirm enthält drei Bildgrößen (klein, mittel, groß), zwei Canvas-Maße (Breite und Höhe) und ein CDN-Feld. Diese sechs Felder sind die grundlegenden Stellschrauben, die bestimmen, wie Ihr Shop Produktbilder anzeigt.

Lesetipp

Schulung zur Verwaltung der Medieneinstellungen

## Wofür dienen die Medieneinstellungen?

Die Medieneinstellungen dienen dazu, jedes Bild in einer Größe anzuzeigen, die zum jeweiligen Einsatzort passt. Wenn Sie ein Bild ins Panel hochladen, wandelt das System es in drei verschiedene Größen und Qualitäten um und speichert es; diese Einstellungen bestimmen, wie viele Pixel jede Größe hat.

In der Praxis heißt das: Dasselbe Foto erscheint auf Ihrer Website an drei Stellen in drei verschiedenen Größen: in der kleinen Vorschau im Warenkorb, im Produktraster der Kategorieseite und auf der Produktdetailseite. Dieselbe Datei für alle drei zu verwenden, geht entweder auf Kosten der Geschwindigkeit oder der Schärfe. Eine große Datei in einem kleinen Feld macht die Seite unnötig schwer; eine kleine Datei in einem großen Feld erzeugt Unschärfe. Drei getrennte Größen lösen dieses Dilemma.

Am nützlichsten ist die Einstellung, wenn Ihr Originalfoto hochauflösend ist, im Panel aber in geringer Qualität erscheint. In diesem Fall müssen Sie die Datei nicht neu aufnehmen; meist genügt es, den Pixelwert der betreffenden Größe zu erhöhen.

*Görsel: So funktionieren die Medieneinstellungen: Das Bild wird ins Panel hochgeladen, das System speichert es in drei Größen, die Medieneinstellungen bestimmen den Pixelwert, und das Schaufenster verwendet auf jeder Seite seine eigene Größe (Vier Schritte vom Eingang eines Bildes ins Panel bis zu seinem Auftritt im Shop)*

## Warum sind Medieneinstellungen wichtig?

Medieneinstellungen sind wichtig, weil das Produktbild im E-Commerce das zentrale Element des Entscheidungsmoments ist und ein Bild, das scharf und schnell geladen ist, den Verkauf unmittelbar beeinflusst. Der Kunde kann das Produkt nicht anfassen; er betrachtet es. Wie angenehm dieser Blick ist, hängt davon ab, wie scharf das Bild ist und wie schnell es erscheint.

Drei Gründe stechen hervor:

- **Vertrauen.** Ein unscharfes oder verpixeltes Foto weckt Zweifel an der Qualität des Produkts und des Shops.
- **Geschwindigkeit.** Jedes Bild erhöht das Gewicht der Seite; unnötig große Dateien verlangsamen das Laden der Seite. Zum Zusammenhang zwischen Geschwindigkeit und Verkauf lesen Sie den Beitrag [warum die Website-Geschwindigkeit im E-Commerce wichtig ist](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit).
- **Einheitlichkeit.** Wenn die Produkte auf der Kategorieseite im gleichen Rahmen und in gleicher Größe stehen, wirkt der Shop aufgeräumt; die Canvas-Größe sorgt dafür.

Bei Shops mit hohem Mobilanteil gewinnt das Thema noch mehr an Bedeutung, denn der Smartphone-Bildschirm ist klein und die Verbindung oft schwächer als am Desktop. Für das allgemeine Verhalten auf Smartphones ist der Beitrag [e-ticaret sitesinde mobil uyumun önemi](https://www.faprika.com/blog/e-ticaret-sitesinde-mobil-uyumun-onemi) eine gute Ergänzung.

## Wie richtet man Medieneinstellungen in Faprika ein?

In Faprika richten Sie die Medieneinstellungen im Kontrollpanel unter Konfiguration > Einstellungen > Medieneinstellungen ein. Der Bildschirm enthält drei Bildgrößen, Canvas-Breite, Canvas-Höhe und ein CDN-Feld; Sie passen jedes Feld Ihrem Bedarf an und speichern.

*Görsel: Faprika-Panel, Bildschirm Konfiguration, Einstellungen, Medieneinstellungen: Größe kleines, mittleres und großes Bild, Zeichenflächenbreite, Zeichenflächenhöhe und CDN-Feld (Die sechs Felder auf dem Bildschirm Medieneinstellungen (die Kästen sind Platzhalter))*

Gehen Sie Schritt für Schritt in dieser Reihenfolge vor:

1. Öffnen Sie im Kontrollpanel den Bildschirm **Konfiguration > Einstellungen > Medieneinstellungen**.
2. Stellen Sie fest, welches Bild auf welchem Bildschirm unscharf oder größer als nötig wirkt, und suchen Sie das passende Größenfeld.
3. Passen Sie den Pixelwert in diesem Feld Ihrem Bedarf entsprechend an.
4. Prüfen Sie, ob die Canvas-Größe zum Verhältnis Ihrer Produkte passt.
5. Wenn Sie ein CDN nutzen, tragen Sie dessen Adresse in das CDN-Feld ein.
6. Speichern Sie, laden Sie dann ein neues Produkt hoch und testen Sie das Ergebnis auf allen drei Bildschirmen.

Der sechste Schritt ist entscheidend: Die Einstellungen gelten nur für Produkte, die ab diesem Zeitpunkt hinzugefügt werden; um die Wirkung zu sehen, müssen Sie also ein neues Produkt anlegen. Auf dieses Thema kommen wir in einem eigenen Abschnitt zurück.

### Größe kleines Bild

Die kleine Bildgröße bestimmt die Bilder, die Sie in der Warenkorbvorschau und auf den Bildschirmen zum Abschluss der Bestellung sehen. Auf diesen Seiten steht das Produkt nur zur Orientierung in einem kleinen Feld; der Kunde prüft das Produkt nicht anhand dieses Fotos, sondern bestätigt lediglich, dass er in seinem Warenkorb das richtige Produkt sieht.

Deshalb ist es sinnlos, diese Größe größer als nötig zu halten. Sie zu stark zu verkleinern ist aber ebenfalls nicht gut: Auf Smartphones und Bildschirmen mit hoher Pixeldichte wirkt ein winziges Bild weich und verwaschen, wenn es auf das Feld gezogen wird. Der richtige Wert ist ein Mehrfaches der tatsächlichen Feldgröße im Warenkorb; das folgende Werkzeug hilft Ihnen bei der Berechnung.

### Größe mittleres Bild

Die mittlere Bildgröße bestimmt die Bilder in der Schaufensteransicht und auf den Kategorie-Listenseiten. Hier verbringt der Kunde mit am meisten Zeit: Er stöbert zwischen den Produkten und entscheidet meist anhand des Bildes, worauf er klickt.

Auf einer Kategorieseite werden Dutzende Bilder gleichzeitig geladen. Daher muss die mittlere Größe sowohl scharf als auch maßvoll sein: Reicht die Schärfe nicht, wirkt der Shop nachlässig; ist die Größe unnötig hoch, wird die Seite schwer. Wenn Sie die Bildqualität verbessern möchten, ist dies oft das erste Feld, das Sie prüfen.

### Größe großes Bild

Die große Bildgröße bestimmt die Bildqualität auf der Produktdetailseite. Hier betrachtet der Kunde das Produkt am genauesten: Er prüft Struktur, Details und Farbe und zoomt vielleicht hinein. Die Kaufentscheidung hängt oft von der Überzeugungskraft dieses Bildes ab.

Auf der Detailseite werden nur wenige Bilder eines einzelnen Produkts geladen, nicht Dutzende wie auf der Kategorieseite. Bei der großen Größe können Sie daher großzügiger sein. Dennoch gibt es eine Obergrenze: Eine riesige Datei, die nicht auf den Bildschirm passt, bringt keine zusätzliche Schärfe, sondern verlängert nur die Ladezeit.

*Görsel: Wo die Größen für kleines, mittleres und großes Bild verwendet werden: Warenkorb-Vorschau, Schaufenster und Kategorieliste, Produktdetailseite (Auf welchem Bildschirm welche der drei Größen verwendet wird)*

| Einstellung | Wo erscheint er? | Wofür wird sie angepasst? |
| --- | --- | --- |
| Größe kleines Bild | Warenkorbvorschau, Bestellabschluss | Das Bild im kleinen Feld scharf halten |
| Größe mittleres Bild | Schaufensteransicht, Kategorieliste | Bildqualität im Produktraster |
| Größe großes Bild | Produktdetailseite | Bildqualität auf der Detailseite |
| Zeichenflächenbreite | Die Rahmen, in denen die Produkte stehen | Breite des Rahmens |
| Zeichenflächenhöhe | Die Rahmen, in denen die Produkte stehen | Höhe des Rahmens |
| CDN | Die Adresse, von der die Bilder geladen werden | Schnelleres Laden der Bilder |

Tipp

Finden Sie zuerst den unschärfsten Bildschirm

Ändern Sie nicht alle drei Größen auf einmal. Gehen Sie zuerst auf Ihrem Smartphone durch Ihren Shop und notieren Sie, auf welchem Bildschirm das Bild unscharf oder schwer wirkt: Warenkorb, Kategorie oder Produktseite. Passen Sie nur die Größe dieses Bildschirms an; so sehen Sie klar, was was behoben hat.

## Was sind Canvas-Breite und Canvas-Höhe?

Canvas-Breite und -Höhe sind die Maße des Rahmens, in dem die Produkte stehen. Unabhängig vom Bild selbst legen Sie mit diesen beiden Feldern Breite und Höhe der Fläche fest, auf der das Produkt platziert wird.

Stellen Sie sich das Canvas wie einen Bilderrahmen vor: Wie das Foto auch aussieht, die Größe des Rahmens ist fest. Stehen auf der Kategorieseite alle Produkte in einem Rahmen gleicher Größe, wirkt das Raster aufgeräumt; wären die Rahmen unterschiedlich, würden die Zeilen auseinanderfallen. Deshalb ist die Canvas-Größe ein stiller, aber starker Bestandteil der visuellen Ordnung des Shops.

Achten Sie bei der Wahl der Canvas-Größe auf zwei Dinge. Erstens auf das Verhältnis Ihrer Produktfotos: Wenn Sie überwiegend im Hochformat fotografieren, lässt ein querformatiger Rahmen viel Leerraum, umgekehrt wird das Produkt gequetscht. Zweitens darauf, bei allen Produkten dasselbe Aufnahmeverhältnis zu verwenden: Fotos mit gemischten Verhältnissen erzeugen in jedem Canvas bei manchen Produkten zu viel Leerraum. Für diese Einheitlichkeit bei der Aufnahme hilft der Arbeitsablauf im Leitfaden [Massen-Upload von Produktbildern](https://www.faprika.com/de/blog/produktbilder-im-massen-upload-hochladen).

## Wozu dient das CDN-Feld?

Im CDN-Feld (Content Delivery Network) tragen Sie die Adresse eines CDN-Dienstes ein, falls Sie einen nutzen, damit Bilder schneller laden. Ein Content Delivery Network will die Ladezeit verkürzen, indem es Dateien von Servern liefert, die näher am Besucher stehen.

Dieses Feld ist optional. Wenn Sie kein CDN nutzen, lassen Sie es leer. Wenn doch, ist die korrekte Schreibweise der Adresse zwingend: Eine falsche Adresse kann dazu führen, dass Bilder gar nicht geladen werden. Öffnen Sie Ihren Shop deshalb nach dem Eintragen der CDN-Adresse sofort und prüfen Sie, ob die Bilder erscheinen. Der Beitrag zur [Website-Geschwindigkeit](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit) ist ein Ausgangspunkt für die allgemeine Logik eines CDN und weitere Maßnahmen zur Beschleunigung.

Tipp

Öffnen Sie nach dem Eintragen der CDN-Adresse die drei Bildschirme

Sehen Sie sich direkt nach dem Speichern des CDN-Feldes die Bilder eines Produkts auf der Kategorieseite, der Detailseite und im Warenkorb an. Erscheint das Bild auf allen dreien, ist die Adresse korrekt. Erscheint eines nicht, stellen Sie die vorherige Adresse wieder her und versuchen Sie es erneut.

Lesempfehlung

Warum ist die Website-Geschwindigkeit im

E-Commerce

so wichtig?

## Warum gilt eine Änderung der Einstellungen nur für neue Produkte?

Änderungen an Canvas- und Größeneinstellungen gelten nur für Produkte, die ab diesem Zeitpunkt hinzugefügt werden, weil ein Bild in dem Moment, in dem es ins Panel hochgeladen wird, in die jeweiligen Größen umgewandelt und gespeichert wird. Die Bilder von Produkten, die sich bereits im Panel befinden, wurden mit den alten Einstellungen erzeugt und sind von dieser Änderung nicht betroffen.

Der klare Hinweis der Schulung lautet: Wenn Sie die Maße bestehender Produkte ändern möchten, müssen Sie die Produkte löschen und erneut hochladen. In der Praxis hat das zwei Folgen:

- **Richten Sie die Einstellung vor dem Hochladen der Produkte ein.** Wenn Sie einen neuen Shop aufbauen oder mit dem Massen-Upload von Produkten beginnen, passen Sie zuerst die Medieneinstellungen an. Eine spätere Korrektur bedeutet, alle hochgeladenen Produkte erneut hochzuladen.
- **Testen Sie bei bestehenden Produkten zuerst mit einem einzelnen Produkt.** Löschen Sie nicht Hunderte Produkte und laden Sie sie neu hoch, ohne sicher zu sein, dass der neue Wert funktioniert. Laden Sie zuerst ein Produkt erneut hoch, prüfen Sie das Ergebnis auf drei Bildschirmen und entscheiden Sie dann.

Das Löschen und erneute Hochladen kann andere mit dem Produkt verknüpfte Informationen beeinflussen; planen Sie den Vorgang daher. Klären Sie vorab, wie Produktinformationen, Lagercode und Bildreihenfolge erhalten bleiben. Für den sicheren Weg bei Massenvorgängen können Sie den Schritten im Beitrag [Massen-Upload von Produktbildern](https://www.faprika.com/de/blog/produktbilder-im-massen-upload-hochladen) folgen.

Lesetipp

Wie optimiert man Produktbilder?

## Wie viele Pixel braucht ein Bild, um in sein Feld zu passen?

Die Breite, die ein Bild für ein scharfes Aussehen braucht, ist das Produkt aus der Breite des Feldes auf dem Bildschirm und der Pixeldichte des Bildschirms. Auf einem Bildschirm mit hoher Dichte wird ein Pixel mit mehr als einem physischen Punkt gezeichnet; ein Feld, das 300 Pixel breit erscheint, verlangt daher ein 600 Pixel breites Bild.

Diese Berechnung zu kennen, ist der sicherste Weg, den Wert für die Medieneinstellungen zu wählen. Das folgende Werkzeug nimmt drei Werte entgegen: die Breite des Feldes auf dem Bildschirm, den Dichtefaktor des Zielbildschirms und die Breite des im Panel eingestellten oder hochgeladenen Bildes. Als Ergebnis nennt es die erforderliche Breite und ob das Bild ausreicht.

Erforderliche Bildbreite

Breite des Feldes auf dem Bildschirm (Pixel)

Dichtefaktor des Bildschirms

Bildbreite (Pixel)

Erforderliche Breite**600**

Verhältnis Bild / erforderlich**1,33**

Status**Ausreichend**

Das Bild liegt über der erforderlichen Breite; es wirkt in diesem Feld scharf und gilt nicht als zu groß.

Das Ergebnis ist eine Annäherung: Der Dichtefaktor variiert von Bildschirm zu Bildschirm, und die Verhältnisgrenzen sind die praktische Empfehlung dieses Beitrags, kein exakter Standard. Geben Sie Werte entsprechend der tatsächlichen Feldgröße in Ihrem eigenen Design ein.

Beachten Sie bei der Nutzung des Werkzeugs drei Punkte. Erstens beruht die Berechnung auf der Breite des Feldes auf dem Bildschirm; im Warenkorb, auf der Kategorieseite und auf der Detailseite sind die Feldbreiten unterschiedlich, geben Sie daher für jedes einen eigenen Wert ein. Zweitens nimmt die Schärfe nicht zu, wenn das Bild ein Mehrfaches der erforderlichen Breite erreicht; nur die Datei wird größer. Drittens kann die Feldgröße auf dem breitesten Bildschirm und auf dem Smartphone unterschiedlich sein; prüfen Sie beide und entscheiden Sie nach dem größeren Wert.

## Die häufigsten Fehler bei den Medieneinstellungen

Die häufigsten Fehler bei den Medieneinstellungen sind, Größen größer oder kleiner als nötig zu belassen, die Einstellung erst nach dem Hochladen der Produkte vorzunehmen und die Änderung nur auf einem Bildschirm zu testen. Die meisten entstehen nicht am Einstellungsbildschirm, sondern dadurch, dass man das Ergebnis der Einstellung auf der Kundenseite nicht prüft.

### Alles auf den größten Wert einstellen

Alle drei Größen „für alle Fälle“ hoch zu halten, wirkt verlockend. Doch ein hochauflösendes Bild im kleinen Feld im Warenkorb zu zeigen, bewirkt nichts außer einer langsameren Seite. Stellen Sie jede Größe passend zum Feld ein, in dem sie verwendet wird.

### Das kleine Bild vergessen

Ein häufiger Fehler ist, sich mit Schaufenster- und Detailbildern zu beschäftigen und das kleine Bild im Warenkorb und auf dem Bestellbildschirm zu übergehen. Der Kunde betrachtet dieses kleine Bild im Moment kurz vor der Zahlung; wirkt es unscharf, wird das Vertrauen genau dann beschädigt.

### Die Einstellung erst nach dem Hochladen der Produkte ändern

Da die Einstellung nur für neue Produkte gilt, behebt eine Wertänderung nach dem Hochladen Tausender Produkte nichts; bestehende Produkte bleiben, wie sie waren. Die Medieneinstellungen gehören zur Vorbereitung vor dem Hochladen der Produkte.

### Das Canvas-Verhältnis nicht an das Produktverhältnis anpassen

Wird der Rahmen im Querformat gehalten, obwohl die Produkte im Hochformat fotografiert sind, bleiben die Bilder klein und es entsteht viel Leerraum um sie herum. Aufnahmeverhältnis und Canvas-Verhältnis müssen zueinander passen.

### Nur am Desktop testen

Ein Bild, das am Desktop scharf wirkt, kann auf einem Smartphone mit hoher Pixeldichte weich bleiben. Prüfen Sie nach der Änderung unbedingt auch auf dem Smartphone.

### Die CDN-Adresse speichern, ohne sie zu prüfen

Eine falsch eingegebene CDN-Adresse kann dazu führen, dass Bilder nicht angezeigt werden. Öffnen Sie nach dem Speichern der Adresse drei Bildschirme und prüfen Sie, ob die Bilder erscheinen.

### Das Problem in den Einstellungen suchen und die Originaldatei übergehen

Wenn das Originalfoto bereits eine niedrige Auflösung hat, kann keine Einstellung es schärfer machen. Egal wie stark Sie die Größe des großen Bildes erhöhen, aus einer kleinen Datei wird kein großes, scharfes Bild. Stellen Sie zuerst sicher, dass das Original groß genug ist.

Okumanızı öneririz

E-Ticaret

Sitesinde Mobil Uyumun Önemi

## Fehlerbehebungstabelle für Medieneinstellungen

Die meisten Probleme bei den Medieneinstellungen lassen sich anhand des Symptoms dem richtigen Feld zuordnen. Die folgende Tabelle fasst zusammen, welche Einstellung Sie bei welchem Symptom prüfen sollten.

| Symptom | Wahrscheinliche Ursache | Zu prüfende Einstellung |
| --- | --- | --- |
| Bild wirkt im Warenkorb verwaschen | Die Größe des kleinen Bildes ist zu niedrig | Größe kleines Bild |
| Produkte wirken auf der Kategorieseite unscharf | Die Größe des mittleren Bildes ist zu niedrig | Größe mittleres Bild |
| Bild wirkt auf der Detailseite weich | Die Größe des großen Bildes ist zu niedrig oder das Original ist klein | Größe des großen Bildes, Originaldatei |
| Kategorieseite öffnet sich langsam | Die Größe des mittleren Bildes ist größer als nötig | Größe mittleres Bild |
| Produkte haben im Rahmen Lücken oder werden abgeschnitten | Das Leinwandverhältnis passt nicht zum Aufnahmeverhältnis | Leinwandbreite, Leinwandhöhe |
| Bilder werden gar nicht geladen | Die CDN-Adresse ist fehlerhaft | CDN |
| Ich habe die Einstellung geändert, aber nichts ist passiert | Die Änderung gilt nur für neue Produkte | Testen Sie es mit einem neuen Produkt; laden Sie bestehende erneut hoch |

Fazit aus der Tabelle: Prüfen Sie zuerst, auf welchem Bildschirm das Symptom auftritt. Der Bildschirm zeigt sofort, welche Größeneinstellung verantwortlich ist.

## Checkliste für Medieneinstellungen

Die Checkliste für Medieneinstellungen fasst die acht Punkte zusammen, die Sie vor der Veröffentlichung Ihrer Einstellungen und in regelmäßigen Abständen durchgehen sollten. Die folgende Grafik und das Werkzeug zeigen dieselben Punkte in anderer Darstellung; die Tabelle liefert dieselben Informationen als Text.

*Görsel: Checkliste Medieneinstellungen: Originaldatei, großes, mittleres und kleines Bild, Zeichenflächengröße, CDN-Feld, Test mit einem einzelnen Produkt und Plan für bestehende Produkte (Checkliste mit acht Punkten für Medieneinstellungen)*

Prüfung der Medieneinstellungen

Originale Produktfotos haben eine ausreichend hohe Auflösung

Die Größe des großen Bildes ist auf der Detailseite scharf genug

Die Größe des mittleren Bildes ist in Schaufenster und Kategorieseite scharf, und die Seite ist schnell

Die Größe des kleinen Bildes ist in Warenkorb und Bestellansicht scharf

Leinwandbreite und -höhe passen zum Seitenverhältnis meiner Produktfotos

Das CDN-Feld ist korrekt ausgefüllt oder leer, falls nicht genutzt

Die Änderung wurde zuerst mit einem einzelnen neuen Produkt getestet, auch auf dem Smartphone

Ein erneutes Hochladen für bestehende Produkte ist geplant

Zutreffende Punkte**2 / 8**

Ihre Medieneinstellungen scheinen noch nicht zu stehen. Klären Sie zuerst die Originaldateien und die drei Bildgrößen.

Die Grundeinstellungen sind vorhanden, aber es bleiben Lücken. Ergänzen Sie das Leinwandverhältnis, den Test auf dem Smartphone und den Plan für bestehende Produkte.

Ihre Medieneinstellungen sind in Ordnung. Wiederholen Sie dieselbe Prüfung, sobald Sie eine neue Produktart oder ein neues Design hinzufügen.

| Feld | Prüfpunkt | Erledigt? |
| --- | --- | --- |
| Originaldatei | Fotos haben eine ausreichend hohe Auflösung | Ja / Nein |
| Großes Bild | Scharf auf der Detailseite | Ja / Nein |
| Mittleres Bild | Scharf im Schaufenster, Seite ist schnell | Ja / Nein |
| Kleines Bild | Scharf in Warenkorb und Bestellansicht | Ja / Nein |
| Leinwandgröße | Passt zum Produktverhältnis, kein Beschnitt und keine Lücken | Ja / Nein |
| CDN-Feld | Korrekt ausgefüllt oder leer | Ja / Nein |
| Test | Mit einem einzelnen neuen Produkt getestet, auch auf dem Smartphone | Ja / Nein |
| Bestehende Produkte | Erneutes Hochladen geplant | Ja / Nein |

Tipp

Alle drei Monate ein Test auf drei Bildschirmen

Fügen Sie alle drei Monate ein neues Produkt hinzu und prüfen Sie es im Warenkorb, auf der Kategorieseite und auf der Detailseite. Haben sich Ihr Design oder Ihr Aufnahmeaufbau geändert, zeigt dieser kleine Test sofort, ob die Einstellung noch stimmt.

## Wann sollten die Medieneinstellungen erneut überprüft werden?

Die Medieneinstellungen sollten erneut überprüft werden, wenn sich Ihr visuelles Layout oder Ihre Aufnahmemethode ändert: wenn Sie ein neues Design anwenden, das Seitenverhältnis Ihrer Produktfotos ändern, auf höher aufgelöste Aufnahmen umsteigen oder bemerken, dass Bilder unscharf oder langsam wirken. Die Einstellungen werden nicht einmal vorgenommen und dann vergessen, sondern mit dem Wachstum des Shops laufend angepasst.

Ein Punkt darf nicht vergessen werden: Das Ändern der Einstellung wandelt bestehende Produkte nicht automatisch um. Planen Sie die Änderung daher nicht nur anhand der Einstellung, sondern danach, welche Produkte sie erreicht. Das Gleichgewicht zwischen Bildqualität und Geschwindigkeit zu wahren, ist ein dauerhafter Gewinn, sowohl in den Suchergebnissen als auch für das Kundenerlebnis.

Weitere Details zum Bild selbst, also Dateiname, Alternativtext und Formatwahl, werden im Artikel zur Optimierung von Produktbildern behandelt. Wenden Sie beide Artikel gemeinsam an, ergänzen sich Paneleinstellung und Bildvorbereitung: Die eine bestimmt, in welchen Größen das Bild gespeichert wird, die andere, wie gut dieses Bild aufbereitet ist.

## Medieneinstellungen mit Faprika

In Faprika sind die Medieneinstellungen auf einem einzigen Bildschirm gebündelt: Konfiguration > Einstellungen > Medieneinstellungen. Hier verwalten Sie die Größen des kleinen, mittleren und großen Bildes, Leinwandbreite und -höhe sowie das CDN-Feld. Da jedes in das Panel hochgeladene Bild in drei Größen gespeichert wird, erscheint dasselbe Foto im Warenkorb, auf der Kategorieseite und auf der Produktdetailseite in der Größe, die zum jeweiligen Bereich passt.

So können Sie die Bildqualität im Panel verbessern, ohne sich mit Code zu befassen und ohne das Bild neu aufzunehmen. Wie Sie die Medieneinstellungen in Ihrem eigenen Paket nutzen und welche Möglichkeiten Sie zusammen mit anderen Funktionen haben, erfahren Sie, wenn Sie [unsere Pakete](https://www.faprika.com/de/preise) ansehen oder eine Demo anfordern.

## Häufig gestellte Fragen

**Was sind Medieneinstellungen?**

Medieneinstellungen sind die Einstellungen, die bestimmen, in welchen Pixelgrößen die ins Panel hochgeladenen Bilder gespeichert und auf der Website angezeigt werden. In Faprika bestehen sie aus der Größe für kleines, mittleres und großes Bild, der Zeichenflächenbreite, der Zeichenflächenhöhe und dem CDN-Feld.

**Wo findet man die Medieneinstellungen in Faprika?**

Sie erreichen sie im Kontrollpanel über Konfiguration, Einstellungen, Medieneinstellungen. Auf demselben Bildschirm befinden sich die drei Bildgrößen, zwei Zeichenflächenmaße und das CDN-Feld.

**Wofür dienen die Größen für kleines, mittleres und großes Bild?**

Die Größe für das kleine Bild bestimmt die Bilder in der Warenkorb-Vorschau und beim Abschluss der Bestellung, die Größe für das mittlere Bild die Schaufensteransicht und die Kategorieliste, die Größe für das große Bild die Bildqualität auf der Produktdetailseite. Ein ins Panel hochgeladenes Bild wird in diesen drei Größen gespeichert.

**Warum wirkt das hochgeladene Bild im Panel unscharf?**

Ist das Originalbild hochauflösend, wirkt im Panel aber qualitativ schlecht, ist der Pixelwert der betreffenden Bildgröße möglicherweise zu niedrig eingestellt. Das Erhöhen der entsprechenden Größe in den Medieneinstellungen löst das Problem oft. Ist die Originaldatei bereits klein, macht die Einstellung allein das Bild nicht schärfer.

**Ich habe die Medieneinstellungen geändert, aber die alten Produkte haben sich nicht geändert. Warum?**

Änderungen an Zeichenflächen- und Größeneinstellungen gelten nur für neu hinzugefügte Produkte; auf die Größen bestehender Produkte im Panel wirken sie sich nicht aus. Um bestehende Produkte zu ändern, müssen sie gelöscht und erneut hochgeladen werden. Zuerst mit einem einzelnen Produkt zu testen, ist der sicherste Weg.

**Ist das Ausfüllen des CDN-Felds Pflicht?**

Nein. Wenn Sie einen CDN-Dienst nutzen, damit Ihre Bilder schneller laden, tragen Sie dessen Adresse in dieses Feld ein; andernfalls bleibt es leer. Prüfen Sie nach dem Eintragen der Adresse unbedingt, ob die Bilder auf der Website erscheinen.

Ihre Produktbilder auf jedem Bildschirm scharf und schnell

Passen Sie in Faprika Bildgrößen, Leinwandmaß und CDN-Adresse im Panel an Ihr Schaufenster an; Ihre Fotos erscheinen im Warenkorb, auf der Kategorieseite und auf der Produktdetailseite in der richtigen Größe. Lassen Sie uns Ihren Shop gemeinsam planen.

Demo anfordern

#### Das könnte Sie auch interessieren

- [**Wie optimiert man Produktbilder?**](https://www.faprika.com/de/blog/produktbilder-optimieren)
- [**So laden Sie Produktbilder in großer Menge hoch**](https://www.faprika.com/de/blog/produktbilder-im-massen-upload-hochladen)
- [**Warum ist die Website-Geschwindigkeit im E-Commerce wichtig?**](https://www.faprika.com/de/blog/warum-ist-die-website-geschwindigkeit)
- [**E-Ticaret Sitesinde Mobil Uyumun Önemi**](https://www.faprika.com/blog/e-ticaret-sitesinde-mobil-uyumun-onemi)