Recadrer une image
Recadrer une image coupe une photo à la partie que vous voulez — tracez un cadre par-dessus, ou tapez une largeur et une hauteur exactes. Le cadre est mesuré sur la taille réelle de la photo plutôt que sur l’aperçu à l’écran, si bien que 600 sur 240 signifie 600 sur 240 quelle que soit la taille de votre fenêtre, et les pixels que vous gardez restent intacts.
Déposez une image ici
ou n’importe où sur la page · Choisir un fichier · 100 Mo
Acceptés : JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF
Comment fonctionne Recadrer une image ?
Le recadrage est la seule opération d’image qui ne coûte rien en qualité. Toute autre retouche rééchantillonne ou requantifie des pixels ; un recadrage se contente de garder un rectangle d’entre eux et de jeter le reste. Les pixels qui survivent sont les pixels de départ, dessinés à l’échelle un-pour-un dans un canevas plus petit.
Pourquoi le rectangle est mesuré en pixels de la source
L’aperçu de cette page fait la largeur que la mise en page lui donne — plus petit sur un téléphone, plus grand sur un ordinateur de bureau, différent encore après un redimensionnement de la fenêtre. Si le rectangle de recadrage était stocké en pixels d’écran, le même glisser produirait un résultat différent selon la fenêtre du navigateur, et l’arrondi tomberait sur une frontière différente à chaque fois.
Le rectangle est donc conservé dans les coordonnées propres de l’image, et l’aperçu en est projeté. Faites glisser le même coin sur un téléphone et sur un écran : vous obtenez le même recadrage, et les champs numériques affichent les valeurs réelles de pixels plutôt qu’une approximation à l’échelle.
Les ratios, et pourquoi il vaut la peine de les verrouiller
La plupart des destinations d’une image attendent une forme particulière, et elles la recadreront elles-mêmes si vous ne le faites pas : un carré pour un avatar, 1.91:1 pour un aperçu de lien, 16:9 pour la vidéo. Choisir vous-même le recadrage fait la différence entre un portrait avec le sujet dans le cadre et un portrait que le recadrage centré d’une plateforme a décapité. Avec un ratio verrouillé, glisser n’importe quel coin garde la forme et seule la taille change.
Les repères de la règle des tiers
Les lignes qui traversent le cadre de recadrage le divisent en neuf. Placer un sujet sur l’une des intersections, plutôt qu’en plein centre, est le plus ancien conseil de composition qui soit — cela fonctionne parce qu’un sujet centré aplatit l’image et qu’un sujet décentré laisse à l’œil un chemin à parcourir. Ces repères ne coûtent rien à dessiner et ils sont là parce qu’un recadrage est une décision de composition, pas seulement de taille.
Là où la qualité entre quand même en jeu
Le recadrage lui-même est sans perte, mais écrire le résultat ne l’est pas — si la sortie est JPEG ou WebP, les pixels gardés sont réencodés, et c’est une génération de compression avec perte par-dessus celle que la source avait déjà. Pour cette raison, le contrôle de qualité est réglé par défaut sur une valeur élevée. Recadrer un PNG vers un PNG est sans perte de bout en bout.
Que devient une image transparente
La transparence survit à un recadrage vers PNG ou WebP. Vers JPEG, elle ne le peut pas — il n’y a pas de canal alpha — donc les zones transparentes sont composées sur du blanc avant l’encodage, ce qui les empêche de ressortir noires.
Tout reste sur votre machine
Le fichier est traité dans cet onglet. La page peut télécharger les bibliothèques ou les modèles nécessaires ; cette opération n’envoie pas le fichier.
Entrée
portrait.jpg 3024 x 4032 ratio locked 1:1
Sortie
portrait-3024x3024.jpg 3024 x 3024 pixels kept, not resampled
Quelles options et quels cas limites Recadrer une image prend en charge ?
| Paramètre | Type | Valeur par défaut | Comportement et cas limites |
|---|---|---|---|
| Libre | ratio d'aspect | par défaut | N’importe quel rectangle. |
| 1:1 | ratio d'aspect | — | Avatars, photos de produits, la plupart des publications sur les réseaux sociaux. |
| 4:3 | ratio d'aspect | — | Le ratio classique des caméras et des écrans. |
| 3:2 | ratio d'aspect | — | Film 35 mm, et la plupart des capteurs DSLR. |
| 16:9 | ratio d'aspect | — | Vidéo, et bannières larges. |
| 1.91:1 | ratio d'aspect | — | Aperçus de liens Open Graph. |
| X / Y / L / H | pixels | — | Le rectangle de recadrage dans les coordonnées de l’image elle-même. Les valeurs saisies au clavier et celles obtenues par glisser-déposer sont les mêmes nombres. |
| Qualité | 0.1 – 1.0 | 0.9 | S’applique lorsque la sortie est au format JPG ou WebP. Élevée par défaut, car le recadrage en lui-même ne perd rien et l’encodage non plus. |
| Identique à la source | format | par défaut | PNG en entrée, PNG en sortie — ce qui rend l’ensemble de l’opération sans perte. |
Questions fréquentes
Le recadrage réduit-il la qualité de l’image ?
Le recadrage lui-même non — il garde un rectangle des pixels d’origine intact et jette le reste, sans aucun rééchantillonnage. Ce qui peut coûter en qualité, c’est l’écriture du résultat : si le format de sortie est JPEG ou WebP, les pixels gardés sont réencodés, soit une génération de compression avec perte de plus. Recadrez un PNG vers un PNG et toute l’opération est sans perte. Le curseur de qualité est ici réglé par défaut sur 0.9 précisément pour que l’encodage ne défasse pas ce que le recadrage a préservé.
Comment recadrer à une taille exacte en pixels ?
Tapez dans les champs X, Y, Largeur et Hauteur — ils sont le rectangle de recadrage dans les coordonnées propres de l’image, et ce sont les mêmes nombres que produisent les poignées de glisser. Régler Largeur et Hauteur donne une taille de sortie exacte ; X et Y positionnent le rectangle. Si vous avez besoin d’une forme précise plutôt que d’une taille précise, verrouillez un ratio et glissez à la place.
Quel ratio choisir ?
1:1 pour les avatars et la plupart des publications sociales ; 1.91:1 pour les aperçus de liens Open Graph, ce qui apparaît quand quelqu’un partage une URL ; 16:9 pour les vignettes vidéo et les bannières larges ; 4:3 ou 3:2 pour les photographies, ce que produisent nativement les appareils photo. Choisir le recadrage soi-même compte, car sinon la destination recadrera pour vous, généralement depuis le centre et généralement mal.
Puis-je recadrer plusieurs images à la fois ?
Pas ici, et c’est délibéré. Un rectangle de recadrage est spécifique à ce qui est dans le cadre — les mêmes coordonnées appliquées à vingt photos couperaient le sujet de la plupart d’entre elles. Les opérations par lot qui s’appliquent réellement uniformément, comme redimensionner ou convertir, acceptent bel et bien plusieurs fichiers ; le recadrage est une décision image par image, aussi cet outil ne prend qu’une image et vous donne les contrôles pour bien prendre cette décision.
Pourquoi le cadre de recadrage revient-il en arrière quand je glisse au-delà du bord ?
Parce que le rectangle est borné à l’image : un recadrage ne peut pas inclure une zone qui n’existe pas. Avec un ratio verrouillé, atteindre un bord contraint aussi l’autre dimension, puisque la forme doit être préservée — le cadre cesse donc de grandir plutôt que de prendre la mauvaise forme. Passez sur Libre si vous voulez que le rectangle suive le pointeur sans cette contrainte.
L’image est-elle envoyée pour la recadrer ?
Non. Elle est décodée, dessinée dans un canevas et encodée entièrement dans cet onglet, avec le code d’image du navigateur lui-même. Vous pouvez le vérifier dans le panneau Réseau des DevTools : le recadrage ne produit aucune requête du tout.
Que peut faire d'autre Recadrer une image ?
Quels outils liés devriez-vous utiliser ensuite ?
- Redimensionner une imageRéduit sans le crénelage laissé par la plupart des outils
- Convertir une imageJPG, PNG, WebP et AVIF, transparence gérée correctement
- Convertir HEIC en JPGOuvre les photos d’iPhone sur les appareils qui ne lisent pas le HEIC
- Convertir une image en Base64Intègre une image en Base64 et mesure le surcoût de 33 %