Bilder nach Pixeln oder Prozent skalieren oder an einen Rahmen anpassen

Die sechs Modi und welche Frage jeder beantwortet

Skalieren klingt nach einem einzigen Vorgang, umfasst aber tatsächlich sechs Möglichkeiten, die sich danach unterscheiden, was du bereits weißt. Die falsche Auswahl ist der Grund, warum bei einem Avatar am Ende jemandes Stirn abgeschnitten ist.

Die längste Kante ist die richtige Wahl, wenn ein Dienst eine einzelne Zahl vorgibt — „Bilder dürfen höchstens 1600 Pixel haben“ —, weil sie sowohl bei Hoch- als auch bei Querformaten funktioniert. Ein 4032 × 3024 großes Telefonfoto, das auf 1600 begrenzt wird, ergibt 1600 × 1200, eine Skalierung von 0.397 und damit 1.92 Megapixel statt zwölf.

„Anpassen“ und „Füllen“ werden leicht verwechselt. „Anpassen“ skaliert, bis das gesamte Bild innerhalb des Rahmens liegt. Eine Seite ist dann meist kleiner als der Rahmen, und nichts geht verloren. „Füllen“ skaliert, bis der Rahmen bedeckt ist, und schneidet den Überstand anschliessend mittig ab. Das Ergebnis entspricht dann genau dem Rahmen, und Pixel gehen verloren. Dasselbe Foto mit 4032 × 3024, in einen 512 × 512 großen Avatar eingefügt, ergibt 512 × 512, wobei ein Bereich von 3024 × 3024 aus der Mitte verwendet wird — ein Viertel des Bildes wird verworfen. Für einen Avatar ist das richtig, für ein Dokument falsch.

Warum Herunterskalieren in einem Sprung schlecht aussieht

Wenn ein Browser ein 4032 Pixel breites Bild auf einer 400 Pixel breiten Zeichenfläche darstellen soll, kann er — je nach Implementierung — ungefähr ein Quellpixel für jedes Zielpixel verwenden und die anderen hundert verwerfen. Das Ergebnis ist Aliasing: Feine Details werden zu Moiré-Mustern, diagonale Kanten zu Treppen, und das Foto wirkt hart und überschärft. Keine Qualitätseinstellung kann das beheben, weil der Schaden vor dem Encoder entstanden ist.

Die Lösung ist alt und günstig. Halbiere das Bild wiederholt, bis der nächste Schritt das Ziel überschreiten würde, und führe dann den letzten Schritt aus. Bei jeder Halbierung werden vier Pixel zu einem gemittelt. Wenn das Bild die Zielgröße erreicht, hat dadurch jedes Quellpixel zum Ergebnis beigetragen. Dieses Tool macht genau das und benötigt dafür etwa eine Millisekunde.

Deshalb wirkt die Ausgabe hier meist etwas weicher als bei einer naiven Skalierung und sieht dennoch deutlich besser aus. Die Weichheit durch korrektes Mitteln enthält echte Bildinformation; die Schärfe durch Aliasing ist ein Artefakt.

Avatar- und Profilbildgrößen und warum sie kleiner sind, als du denkst

Die meisten Plattformen verlangen beim Upload ein viel größeres Bild, als sie jemals anzeigen, und kodieren es dann auf ihren eigenen Servern neu. Wer die angezeigte Größe kennt, gibt keine vier Megabyte für ein Bild aus, das mit 98 Pixeln dargestellt wird.

Die praktische Zusammenfassung: Ein quadratisches Bild mit 512 × 512 deckt im Wesentlichen jeden Avatarplatz in dieser Liste ab. Alles Größere wird auf der anderen Seite ohnehin neu kodiert, und alles deutlich Kleinere wirkt auf einem Bildschirm mit hoher Pixeldichte weich. Verwende den Füllmodus mit einem Rahmen von 512 × 512, prüfe, ob der Ausschnitt dein Gesicht und nicht deine Schulter behalten hat, und belasse es dabei.

Kreisförmige Masken verdienen einen kurzen Gedanken. Jede Plattform in der Tabelle oben ausser Slack und GitHub schneidet einen Avatar kreisförmig zu, wodurch die Ecken verschwinden. Alles Wichtige muss daher innerhalb des dem Quadrat einbeschriebenen Kreises liegen, nicht im Quadrat. Text am unteren Rand eines Logos verschwindet vollständig.

Vergrößern und was dabei möglich ist und was nicht

Dieses Tool vergrößert ein Bild, wenn du die Option aktivierst, und der Beleg weist darauf hin. Interpolation erfindet Zwischenpixel aus den umliegenden Pixeln. Sie stellt keine Details wieder her, denn diese wurden nie aufgezeichnet. Beim Verdoppeln eines 400 Pixel großen Bildes entsteht ein 800 Pixel großes Bild, das exakt so viele Informationen enthält wie das 400 Pixel große und bei gleicher Darstellungsgröße weicher wirkt.

Die Upscaler auf Basis maschinellen Lernens, die tatsächlich scheinbare Details hinzufügen, erfinden plausible Details. Das ist für ein Hintergrundbild in Ordnung, aber für alles ungeeignet, was als Beweismittel, zur Identifizierung oder als Dokument verwendet wird. Nichts auf dieser Website tut das, und nichts auf dieser Website tut so, als gäbe es diese Frage nicht.

Wenn es um eine Druckgröße und nicht um eine Pixelgröße geht, ist die Rechnung einfacher, als sie aussieht: Teile die Pixel durch die Druckauflösung. Ein 1600 Pixel großes Bild bei 300 dpi ist 5,3 Zoll breit; bei 150 dpi, was für alles reicht, das aus Armlänge gelesen wird, sind es 10,7 Zoll. Das EXIF-Auflösungsfeld hat damit nichts zu tun, und seine Änderung verändert nichts am Bild.

Transparenz, Drehung und Metadaten

PNG und WebP enthalten beide einen Alphakanal, und beim Skalieren bleibt er erhalten. JPEG kann Transparenz überhaupt nicht speichern, daher legt die Auswahl von JPEG das Bild auf Weiß ab. Das Tool prüft die Quelle zuerst und weist nur darauf hin, wenn tatsächlich transparente Pixel vorhanden sind. Wenn Transparenz und eine kleine Dateigröße wichtig sind, ist WebP das Format, das beides bietet.

Die Drehung wird vor allem anderen verarbeitet. Ein Telefon speichert die meisten Fotos im Querformat und verwendet ein EXIF-Tag, das angibt, wie sie gedreht werden müssen. Eine Zeichenfläche ignoriert dieses Tag, sofern sie nicht dazu aufgefordert wird. Dieses Tool berücksichtigt es, schreibt die Drehung in die Pixel und benötigt im Ergebnis kein Tag. Deshalb wird die skalierte Datei auch in Software richtig herum angezeigt, die EXIF vollständig ignoriert.

Da die Ausgabe aus Pixeln kodiert wird, bleiben keine Metadaten erhalten: kein Standort, keine Kamera, keine Seriennummern, kein XMP, kein C2PA. Das ist ein Nebeneffekt und nicht der Zweck. Wenn du die Metadaten entfernen und das Bild unverändert behalten möchtest, erledigt das Metadaten-Tool dies ohne erneute Kodierung. Der Kompressor ist die richtige Seite, wenn du eine Dateigrößenobergrenze statt einer Pixelgröße einhalten musst.