Recadrer et redimensionner une image — en local
Recadrez ou redimensionnez dans le navigateur : sélection libre, ratios (1:1, 16:9…) et tailles courantes. Étapes : choisir une photo, cadrer ou choisir un préréglage, fixer largeur×hauteur, télécharger JPEG/WebP/PNG. Ex. : carré 512×512 pour un avatar — local ; l’export enlève souvent l’EXIF.
Fonctionnement
Choisissez une photo, verrouillez un ratio ou dessinez librement, fixez largeur×hauteur (ou un préréglage), puis exportez. Le cadre à l’écran est remappé en pixels source, dessiné sur un canvas, puis encodé avec toBlob. Le mode redimension seul utilise contenir/couvrir. Rien n’est envoyé ; le réencodage enlève souvent l’EXIF.
Règles attendues
Recadrage et redimensionnement partagent le même pipeline. Lisez ceci avant de demander plus de pixels que la sélection.
- Le rectangle source est en pixels d’origine, pas dans l’aperçu mis à l’échelle.
- drawImage peint ce rectangle à la taille de sortie. v1 n’agrandit pas : trop grand → clamp + avis.
- Les préréglages de ratio changent la sélection ; ceux de pixels remplissent L×H. « Comme la sélection » copie le cadre.
- Confidentialité : pas d’envoi. Canvas enlève souvent l’EXIF. Pour moins de Ko, utilisez le compresseur ensuite.
Exemple
Un échantillon 1600×1000 en 1:1 exporte un JPEG 512×512 ~0,9. Passez en 16:9 et 1920×1080 pour une couverture (limité si le cadre est plus petit). Côté max 1200 réduit toute la photo.
Bons cas d’usage
- Avatars : 1:1 en 512 ou 256.
- Couvertures : 16:9 ou tailles type 1200×630.
- Web : côté max 1200 ou largeur 800 avant envoi.
Frequently asked questions
L’image quitte-t-elle le navigateur ?
Non. Tout est local. Vérifiez dans Network qu’il n’y a pas de POST de l’image.
Agrandit-il un petit recadrage ?
Non. Si la sortie dépasse la sélection, elle est limitée avec un avertissement.
Différence avec le compresseur ?
Ici : cadrage et pixels. Le compresseur vise les Ko. Utilisez-le après le recadrage.
Faut-il un autre outil pour le carré vs 16:9 ?
Non. 1:1, 16:9, etc. sont des préréglages sur cette même page.
L’EXIF survit-il ?
En général non. Le réencodage canvas retire les métadonnées ; inspectez d’abord avec l’outil EXIF.
Les GIF animés restent-ils animés ?
Non — première image seulement.
Related tools
Questions ou retours
Quelque chose n’est pas clair, cassé ou manquant ? Rédigez un message ci-dessous — nous lisons chaque note.