Bild auf ein Quadrat mit 1080x1080 bringen

Woher das 1080-Pixel-Quadrat kommt

1080 ist eine Bildschirmzahl und keine Papierzahl. Es ist die kurze Seite eines Full-HD-Displays, und Handy-Apps haben sich darauf als die Breite eingependelt, in der ein randfüllendes Bild gerendert wird, womit es zur Breite wurde, auf die Menschen ihre Bilder vorbereiten. Ein Quadrat in dieser Breite hält 1.166.400 Pixel, gut 1,2 Megapixel – scharf auf einem Handy, das in einer randfüllenden Fläche für jeden Layout-Punkt zwei Gerätepixel zeichnet, und klein genug, dass ein fotografisches JPEG bei ein paar hundert Kilobyte landet statt bei mehreren Megabyte. Die Form ist der Teil, der etwas kostet. Sensoren sind 4:3 oder 3:2 und Videobilder sind 16:9, ein Quadrat ist also ein Beschnitt von fast allem. Das Bildfeld zu füllen heißt, so weit zu skalieren, bis die kurze Seite 1080 erreicht, und den Rest an den beiden langen Kanten abzuschneiden: Ein Handyfoto mit 4032 x 3024 wird zu 1440 x 1080 und verliert dann 360 Pixel Breite, ein Viertel des Bildes. Eine 3:2-Kameradatei gibt ein Drittel ab. Ein 16:9-Videostandbild oder ein Einzelbild aus einem 9:16-Hochkantclip gibt fast vierundvierzig Prozent ab, weshalb Bildschirmaufzeichnungen und Videostandbilder schlechte Quadrate ergeben, ganz gleich wo der Zuschnitt liegt. Das ganze Bild einzupassen behält stattdessen alles und gibt denselben Anteil an den Hintergrund ab: Jenes 4:3-Foto landet bei 1080 x 810 mit einem 135 Pixel hohen Balken oben und unten, jedes vierte Pixel des Quadrats ist also Hintergrund und nicht Foto. Der Tausch ist symmetrisch, und die einzige Frage ist, welche Seite davon Sie lieber bezahlen. Die Vergrößerung ist die zweite Sache, auf die zu achten ist, denn 1080 ist größer als sehr viele Bilder, die hier ankommen. Ein altes Profilbild mit 600 x 600 muss um das 1,8-Fache wachsen, ein 512-Pixel-Symbol etwas mehr als um das Doppelte, und ein von einer Webseite gespeichertes Miniaturbild kann schlimmer sein als beides. Hochskalieren interpoliert zwischen Pixeln, die existieren; es holt nie ein Detail zurück, das die Kamera nicht aufgezeichnet hat, deshalb erscheint der Faktor im Ergebnisbereich, statt hinter Ihrem Rücken angewendet zu werden. Dekodieren, Zuschneiden und Kodieren erledigt das Canvas-Element in Ihrem eigenen Browser, das Bild wird also nirgendwohin geschickt.