Un découpeur prend la largeur de la photo et la divise par le nombre de diapositives. Cette division tombe rarement juste. Une photo de 1170 pixels de large sur quatre diapositives donne 292,5 pixels chacune, et un demi-pixel n’est pas quelque chose qu’un canvas sache couper.
Ce qui se produit alors est pire qu’une couture de travers. Quand on lui demande une tranche de 292,5 pixels, le navigateur n’arrondit pas — il rééchantillonne, reconstruisant chaque pixel de la tuile à partir d’une moyenne pondérée de ses voisins. Mesuré sur une source de rayures noires et blanches d’un pixel :
| Tranche | Pixels revenus | Contraste du bord |
|---|---|---|
| Pixel entier | 0, 255, 0, 255 | 255 — exact |
| 292,5 | 111, 143, 111, 143 | 32 |
Quatre-vingt-sept pour cent du contraste de bord, disparus — et pas seulement à la couture. La tuile entière est reconstruite, donc tout détail fin à l’intérieur s’adoucit. Sur une photographie vous ne verrez pas de rayures ; vous verrez un carrousel légèrement plus flou que l’image de départ, sans raison apparente.
Rognez le cadrage à une largeur qui divise juste, avant de couper quoi que ce soit. Cet outil prend la plus grande largeur entière divisible par le nombre de diapositives, la centre et coupe là. Chaque tranche tombe sur une limite entière, donc rien n’est rééchantillonné, et toutes les diapositives sortent à la même taille — ce qu’un carrousel exige de toute façon, puisque toutes partagent un seul rapport.
Le coût : quelques pixels de largeur. Mesuré sur cinq largeurs de téléphone courantes :
| Largeur de la photo | Diapositives | Tranche naïve | Tranche entière | Pixels abandonnés |
|---|---|---|---|---|
| 1170 | 4 | 292,5 | 292 | 2 |
| 1080 | 3 | 360 | 360 | 0 |
| 4032 | 3 | 1344 | 1344 | 0 |
| 3024 | 5 | 604,8 | 604 | 4 |
| 1290 | 7 | 184,29 | 184 | 2 |
Quatre pixels au maximum, et aucun sur les deux largeurs qui divisent déjà juste. C’est tout l’échange : quatre pixels de largeur contre chaque pixel de chaque tuile reconstruit.
Toutes les diapositives d’un carrousel partagent un rapport, donc la forme choisie décide de ce qui survit de la photo. Pour un nombre donné de diapositives, la bande la plus large utilisable est le rapport de la diapositive multiplié par leur nombre :
Une photo 16:9 fait 1,78:1. Face à une cible de 2,4:1 elle est trop basse, pas trop étroite, donc l’outil rogne les côtés. Face à 3:1 il rogne davantage. L’aperçu montre exactement ce qui reste avant tout téléchargement, et Toute la hauteur de la photo ignore le rapport et prend la hauteur entière, ce qui sert là où aucun rapport n’est imposé.
La mesure derrière tout cela — ce qu’un navigateur renvoie vraiment quand on lui demande un demi-pixel, et ce qui survit d’une photographie selon la forme des diapositives — est détaillée dans Un Demi-Pixel Explique Pourquoi Votre Carrousel Paraît Flou.
Non. Le fichier est lu par votre navigateur, découpé sur un canvas de la page elle-même et vous est rendu sous forme de téléchargements. Il n’atteint jamais de serveur, et c’est pourquoi l’outil fonctionne l’onglet hors ligne une fois la page chargée.
Parce que cette division tombe rarement sur un entier, et qu’une tranche fractionnaire fait rééchantillonner la tuile par le navigateur. L’outil rogne le cadrage à une largeur qui divise juste — quelques pixels au plus — pour que chaque tranche soit exacte au pixel.
Cet outil va jusqu’à dix, la limite publiée par Instagram pour un carrousel. D’autres fils diffèrent, et l’arithmétique s’en moque : n’importe quel nombre à partir de deux fonctionne pareil.
Les pixels s’aligneront exactement, ce qui est la part qu’un découpeur contrôle. Ce qui ne se contrôle pas, c’est l’application : certains fils ajoutent un petit écart ou un coin arrondi entre les diapositives, donc une arête franche traversant la couture peut encore se lire comme un joint. Les photos avec du détail sur la couture la cachent mieux qu’un aplat ou une ligne droite.
Portrait 4:5 conserve le plus d’une photo ordinaire, parce que des diapositives plus hautes demandent une bande plus étroite pour en remplir autant. Carré 1:1 est le plus sûr pour un fil varié. Paysage 1,91:1 exige une source très large et sert surtout aux panoramiques.
Oui. La découpe se fait sur le même canvas que sur ordinateur. Les très grandes photos butent sur la mémoire du navigateur, pas sur l’outil ; si un téléchargement revient blanc, la photo dépassait ce que le navigateur pouvait tenir et la redimensionner d’abord règle le problème.
PNG, qui est sans perte, donc rien n’est perdu une seconde fois à la sortie. Si vous préférez du JPEG, passez les diapositives dans le convertisseur d’images ensuite.
Pas ici — cet outil coupe une seule ligne de diapositives, ce qu’un carrousel fait défiler. Une grille est une autre mise en page, avec une autre arithmétique.