Redimensionner une image en carré 1080x1080

D'où vient le carré de 1080 pixels

1080 est un chiffre d'écran, pas un chiffre de papier. C'est le petit côté d'un affichage Full HD, et les applications mobiles ont retenu cette valeur comme largeur de rendu d'une image pleine largeur : elle est donc devenue la largeur à laquelle les gens préparent leurs images. Un carré à cette largeur contient 1 166 400 pixels, un peu plus de 1,2 mégapixel - net sur un téléphone qui dessine deux pixels physiques pour chaque point de mise en page dans un emplacement pleine largeur, et assez petit pour qu'un JPEG photographique pèse quelques centaines de kilo-octets plutôt que quelques mégaoctets. C'est la forme qui coûte quelque chose. Les capteurs sont en 4:3 ou en 3:2 et les images vidéo en 16:9 : un carré est donc un recadrage de presque tout. Remplir le cadre suppose de mettre à l'échelle jusqu'à ce que le petit côté atteigne 1080 puis de couper le reste sur les deux grands bords : une photo de téléphone de 4032 x 3024 devient 1440 x 1080 puis perd 360 pixels de largeur, soit un quart de l'image. Un fichier d'appareil photo en 3:2 en abandonne un tiers. Une image fixe de vidéo en 16:9 ou une image d'un clip vertical en 9:16 en abandonne près de 44 %, et c'est pourquoi les captures d'écran et les extraits vidéo font de mauvais carrés, quel que soit l'endroit où l'on place la coupe. Insérer l'image entière conserve au contraire tout et dépense la même proportion en fond : cette photo en 4:3 se pose en 1080 x 810 avec une barre de 135 pixels au-dessus et en dessous, si bien qu'un pixel du carré sur quatre est du fond et non de la photographie. L'échange est symétrique, et la seule question est de savoir de quel côté vous préférez payer. L'agrandissement est l'autre chose à surveiller, car 1080 est plus grand que bien des images qui arrivent ici. Un vieil avatar de 600 x 600 doit grandir de 1,8 fois, une icône de 512 pixels un peu plus du double, et une vignette enregistrée depuis une page web peut faire pire que les deux. L'agrandissement interpole entre des pixels qui existent ; il ne restitue jamais un détail que l'appareil n'a pas enregistré. Le facteur apparaît donc dans le panneau de résultats au lieu d'être appliqué dans votre dos. Le décodage, le recadrage et l'encodage sont tous effectués dans votre propre navigateur par l'élément canevas, l'image n'est donc envoyée nulle part.