Produktbilder unscharf nach dem Upload: Wo die Pixel bleiben

Produktbilder unscharf nach dem Upload liegt fast nie an der Kamera. Die Datei, die Ihren Rechner verlassen hat, war scharf. Die Datei, die das Smartphone des Käufers tatsächlich lädt, ist nicht mehr dieselbe – sie wurde neu abgetastet, neu codiert, gedeckelt und neu ausgeliefert, meist vier- oder fünfmal, von Systemen, die auf Seitengeschwindigkeit optimiert sind und nicht auf Ihre Maßangaben.

Niemand lädt ein unscharfes Bild hoch. Schärfe geht nicht beim Upload verloren, sie wird ausgegeben – Stufe für Stufe, und die meisten dieser Stufen sind vom Verkäufer-Dashboard aus unsichtbar. Hier ist die gesamte Kette in einer Tabelle, danach das Vorgehen für die drei Stufen, die Sie am teuersten zu stehen kommen.

Produktbilder unscharf nach dem Upload: die acht Stufen der Reihe nach

#	Stufe	Was mit Ihrer Datei passiert	Was verloren geht	Unter Ihrer Kontrolle?
1	Aufnahme	Bewegung, verfehlter Fokus, Beugung bei sehr kleinen Blenden	Echtes Detail, später nicht rekonstruierbar	Ja
2	Export-Resampling	Verkleinerung auf die Zielgröße ohne Ausgabeschärfung	Mikrokontrast an Kanten, Pfeilspitzen und kleiner Schrift	Ja
3	Ihre JPEG-Codierung	Qualitätsstufe plus Chroma-Subsampling verwirft Farbdetails	Dünne farbige Linien, rote und blaue Beschriftungen	Ja
4	Plattform-Ingest	Der Marktplatz decodiert Ihr JPEG und codiert es mit eigenen Einstellungen neu	Generationsverlust, Ringing-Säume an harten Kanten	Nein
5	Pixelobergrenze	Die Plattform speichert mit ihrer eigenen maximalen längsten Seite	Alles oberhalb der Grenze, dauerhaft	Nur über die richtige Exportgröße
6	Abgeleitete Größen	Die Seite fordert eine Thumbnail-Kopie an, nicht Ihr Master	Detail im Verhältnis zum Verkleinerungsfaktor	Teilweise, über den Zielslot
7	Device Pixel Ratio	Ein 3x-Display verlangt drei Bildpixel je CSS-Pixel	Zwei Drittel der wahrgenommenen Schärfe auf dichten Displays	Teilweise
8	Auslieferung	Lazy-Load-Platzhalter, Theme-Einstellungen, Fallbacks bei langsamer Verbindung	Vorübergehende oder bleibende Unschärfe beim ersten Aufbau	Teilweise

Stufe 1 und 2 gehören Ihnen. Stufe 4 und 5 gehören der Plattform und sind nicht verhandelbar. In der Praxis lassen sich die meisten Beschwerden über unscharfe Produktbilder nach dem Upload auf die Stufen 3, 4 und 7 zurückführen – die Codierung, die Neucodierung und das Display. Genau deshalb bringt ein neues Shooting fast nie etwas.

Stufe 3: Chroma-Subsampling ist der Grund, warum Ihr roter Maßpfeil zuerst stirbt

Chroma-Subsampling ist eine Abkürzung der JPEG-Codierung: Helligkeit wird in voller Auflösung gespeichert, Farbe nur in einem Bruchteil davon – im verbreiteten Modus 4:2:0 ein Farbwert je 2x2-Pixelblock. Helligkeitsdetails überleben, Farbdetails werden geviertelt, noch bevor die Datei Ihren Rechner verlässt.

Für das Foto eines Sofas ist das ein vernünftiger Handel. Für einen ein Pixel breiten roten Pfeil über einer grauen Platte ist es ein schlechter, denn eine mittelrote Linie auf Mittelgrau unterscheidet sich in der Helligkeit kaum vom Hintergrund. Ihre Sichtbarkeit hängt fast vollständig am Farbton – also genau an dem Kanal, den der Encoder als Erstes wegwirft. Die Linie verschwindet nicht, sie verschmiert zu einem weichen rosa Fleck von etwa zwei Pixeln Breite, und die Pfeilspitze verliert ihre Spitze.

Die Lösung ist nicht ein höherer Qualitätsregler. Die Lösung ist, Beschriftungen über Helligkeit statt über Farbe gewinnen zu lassen:

Dunkle Linie auf hellem Grund oder helle Linie auf dunklem. Kontrast in der Luminanz, nicht im Farbton.
Geben Sie der Linie eine dünne Kontur oder einen Halo, damit die Kante eine 2x2-Farbmittelung übersteht.
Halten Sie Maßtext in der ausgelieferten Größe mindestens 2 px stark, nicht in der Mastergröße.
Vermeiden Sie gesättigtes Rot oder Blau direkt auf einem mitteltonigen Produkt. Diese beiden Farbtöne brechen zuerst zusammen.

Stufe 4: die Neucodierung, die niemand sieht

Jeder Marktplatz decodiert Ihren Upload und schreibt eine eigene Kopie. JPEG ist verlustbehaftet, also wiederholt die zweite Codierung nicht einfach die Fehler der ersten – sie quantisiert ein Bild, das bereits Kompressionsartefakte enthält, und behandelt diese Artefakte als erhaltenswertes Detail. Sichtbar wird das als Ringing: schwache Säume entlang jeder harten Kante, am deutlichsten bei schwarzer Schrift auf Weiß und an den geraden Linien einer Maßzeichnung.

Abschalten lässt sich das nicht. Sie können aber aufhören, beschädigtes Material einzuspeisen:

Behalten Sie einen verlustfreien Master (PNG, TIFF oder das Originaldokument mit Ebenen). Bearbeiten und speichern Sie nie das exportierte JPEG erneut.
Exportieren Sie einmal, aus dem Master, in der endgültigen Pixelgröße. Jedes Zwischenspeichern als JPEG ist eine Generation, die Sie bezahlen.
Komprimieren Sie nicht vorab auf eine Dateigröße, die die Obergrenze der Plattform ohnehin regelt.

Daraus folgt für Stufe 3 und 4: wie oft ein Listing-Bild JPEG-codiert wird, wiegt schwerer als der Qualitätsregler bei einer einzelnen Codierung.

Stufe 5: die Pixeluntergrenze, die den Zoom am Leben hält

Zoom ist die Funktion, mit der Käufer prüfen, ob eine Angabe lesbar ist, und jede Plattform knüpft ihn an einen Pixelschwellenwert. Wer den Wert verfehlt, hat kein unscharfes Bild – es entsteht schlicht nie eine hochauflösende Fassung zum Ausliefern.

Plattform	Mindestannahme	Zoom-Schwelle	Obergrenze
Amazon	500 px längste Seite	mindestens 1.000 px; 1.600 px oder mehr für das beste Zoom-Erlebnis	10.000 px längste Seite
eBay	500 px längste Seite	1.600 px längste Seite	12 MB je Foto
Shopify	keine veröffentlichte Untergrenze	größer als 800 x 800 px, damit Zoom funktioniert	5.000 x 5.000 px, bis 20 MB; 2.048 x 2.048 px für quadratische Bilder empfohlen

Zwei Konsequenzen. Erstens fügt eine physisch größere Datei keine Auflösung hinzu, die nie aufgenommen wurde – das ist dieselbe Verwechslung wie in der Debatte um 300 dpi gegen 72 dpi, wo eine Zahl im Dateikopf für Bilddetail gehalten wird. Zweitens ist der Export an der Obergrenze der Plattform meist kostenlos und immer sicherer als der Export in der Größe, die Ihr Theme gerade zufällig anzeigt.

Stufe 7: der 2x-Aufschlag auf dichten Displays

Device Pixel Ratio ist die Zahl physischer Bildschirmpixel, die ein Browser für einen CSS-Pixel verwendet. Aktuelle Smartphones melden üblicherweise 2 oder 3. Ein 1.000-Pixel-Bild in einem 500-CSS-Pixel-Slot wirkt auf einem älteren Notebook knackig und auf dem Smartphone sichtbar weich, weil das Telefon 1.500 Pixel angefordert und 1.000 bekommen hat.

Das ist der mit Abstand häufigste Grund für den Satz „auf meinem Monitor sieht es gut aus". Tut es wahrscheinlich. Ihr Monitor hat weniger Pixel angefordert als das Telefon Ihres Käufers. Prüfen Sie jedes Listing-Bild auf dem Smartphone bei 100 %, bevor Sie die Datei für in Ordnung erklären.

Zuschnitt verschärft das. Hat der Anzeigeslot der Plattform ein anderes Format als Ihr Export, kann der scharfe Teil Ihres Bildes weggeschnitten werden, bevor überhaupt skaliert wird – ein anderer Fehler, der für das Auge nach derselben Unschärfe aussieht. Das ist eine eigene Entscheidung, behandelt unter Seitenverhältnis von Produktbildern.

Was Sie ändern sollten, nach Wirkung sortiert

Einmal aus einem verlustfreien Master an der Plattform-Obergrenze exportieren. Größter Einzelgewinn, kostet nichts.
Beschriftungskontrast korrigieren, bevor Sie den Qualitätsregler anfassen. Luminanz schlägt Farbton durch jede Codierung.
Nach dem Verkleinern schärfen, nie davor. Wer einen 6.000-px-Master schärft und dann verkleinert, wirft die Schärfung weg und erzeugt Säume.
Keine JPEG-Rundreisen mehr. Ein Export je ausgelieferter Größe, aus dem Master.
Auf dem Smartphone prüfen. Nicht in der Desktop-Vorschau und nicht im Upload-Dialog.

Es gibt einen fünften Hebel, der allem vorgelagert ist: wie die Beschriftung überhaupt entstanden ist. Maßlinien und Spezifikationstext, die als Geometrie gezeichnet und einmal in der Auslieferungsgröße exportiert werden, bleiben durch eine Neucodierung der Plattform hindurch scharf, weil sie hartkantige Formen mit hohem Luminanzkontrast in nativer Auflösung sind. Dieselben Zahlen, in einem Bildeditor über einer herangezoomten Ansicht getippt und anschließend verkleinert, kommen schon weich an, bevor die Kompression überhaupt beginnt. Werkzeuge, die das Maß an die realen Kanten des Produkts anlegen und das annotierte Bild in der Maßzeichnungsgröße jeder Plattform ausgeben, überspringen Stufe 2 und 3 vollständig – und weil die Geometrie gemessen und nicht generiert wird, ist die Zahl am Pfeil die Zahl vom Maßband und keine plausibel aussehende Angabe, die ein Bildmodell erfunden hat. Wer Ansätze gegeneinander abwägt, findet in der Auswahl an Werkzeugen für Maßangaben in Produktfotos einen vernünftigen Ausgangspunkt.

Die 60-Sekunden-Diagnose

Führen Sie das durch, bevor Sie irgendetwas neu fotografieren. Es trennt die drei Ursachen unscharfer Produktbilder nach dem Upload – zu wenige Pixel, zu viele Codierungen, zu dichtes Display – in etwa einer Minute:

Öffnen Sie das Live-Listing auf dem Smartphone und zoomen Sie mit zwei Fingern. Springt der Zoom überhaupt an? Wenn nicht, liegen Sie unter der Zoom-Schwelle der Plattform – das ist ein Pixelzahl-Problem, kein Schärfeproblem.
Öffnen Sie das Live-Bild per Rechtsklick in einem neuen Tab. Vergleichen Sie seine Pixelmaße mit dem, was Sie hochgeladen haben. Eine kleinere Zahl heißt, die Plattform hat gedeckelt oder neu abgeleitet.
Sehen Sie sich eine harte Schwarz-Weiß-Kante bei 200 % an. Schwache helle Säume auf beiden Seiten bedeuten Neucodierung, nicht Unschärfe.
Sehen Sie sich eine farbige Beschriftungslinie bei 200 % an. Ist die Linie seitlich ausgeblutet, während schwarzer Text daneben sauber bleibt, ist das Chroma-Subsampling.
Prüfen Sie die hochgeladene Datei. Wurde sie jemals geöffnet und erneut als JPEG gespeichert, wiederholen Sie den Export aus dem Master.
Vergleichen Sie die längste Seite des Masters mit der Plattform-Obergrenze. Liegt sie deutlich darunter, exportieren Sie größer neu.

Bestehen alle sechs Punkte und das Bild wirkt weiterhin weich, erst dann ist es ein Aufnahmeproblem – und dann liegt die Lösung im Shooting, nicht im Export. Eine Aufnahme so aufzubauen, dass sie messbar bleibt, ist eine eigene Disziplin und wird unter wie man ein Produkt für die Vermessung fotografiert behandelt.

FAQ

Warum sind meine Produktbilder nach dem Upload zu Shopify unscharf, auf meinem Rechner aber scharf?

Weil Ihr Rechner den Master zeigt und der Shop eine Ableitung. Shopify verkleinert Bilder automatisch für kleinere Displays, der Käufer bekommt also meist eine skalierte Kopie statt Ihrer Datei. Shopify nimmt Bilder bis 5.000 x 5.000 px und 20 MB an, empfiehlt 2.048 x 2.048 px für quadratische Produktbilder und braucht mehr als 800 x 800 px, damit Zoom überhaupt funktioniert; liegt Ihr Upload deutlich darunter, startet jede Ableitung mit zu wenig Detail.

Wird das Bild schärfer, wenn ich eine größere Datei hochlade?

Nur bis zu der Auflösung, die Sie tatsächlich aufgenommen haben. Mehr Pixel helfen, wenn die Zoom-Schwelle oder die abgeleiteten Größen der Plattform die Anzeige aushungern – der Sprung von 800 px auf 1.600 px schaltet bei Amazon oder eBay den Zoom frei. Ein 900-px-Foto auf 3.000 px hochzurechnen bringt Dateigröße und kein Detail, oft zusätzlich sichtbare Interpolationsunschärfe.

Warum sieht mein Maßtext im Hauptbild gut aus und im Galerie-Thumbnail matschig?

Das Thumbnail ist eine eigene Ableitung, erzeugt durch Verkleinern. Text, der in einem 1.600-px-Master 14 px hoch ist, misst in einem 450-px-Thumbnail rund 4 px – unterhalb der Größe, in der Buchstabenformen ein Resampling überstehen. Dimensionieren Sie Beschriftungstext gegen den kleinsten Slot, in dem er erscheint, nicht gegen den Master.

Sollte ich für Maßzeichnungen PNG statt JPEG hochladen?

Wo die Plattform es zulässt, ja – für Bilder, die überwiegend aus Flächenfarbe, harten Linien und Text bestehen, denn PNG ist verlustfrei und immun gegen Chroma-Subsampling. Der Haken: Die meisten Marktplätze codieren beim Ingest ohnehin nach JPEG um, PNG schützt also Stufe 2 und 3, aber nicht Stufe 4. Es lohnt sich trotzdem: Ein sauberes Ausgangsbild übersteht eine Neucodierung deutlich besser als ein bereits beschädigtes.

Warum sehen meine Bilder im Mobilfunknetz schlechter aus als im WLAN?

Manche Browser und Netze liefern bei eingeschränkter Verbindung eine Fassung geringerer Qualität, und viele Shops zeigen einen winzigen unscharfen Platzhalter, während die eigentliche Datei lädt. Wird das Bild nach einer Sekunde scharf, war das der Platzhalter und es gibt nichts zu reparieren. Bleibt es weich, arbeiten Sie sich durch Stufe 5 bis 7 zurück.