Recadrer une image en ligne : hero, image de partage et carré | We.Inc
Recadrez vos images aux formats des sites web directement dans votre navigateur : images de partage 1200×630, heroes 16:9, carrés et portraits. Exportez en WebP, JPG ou PNG avec le poids du fichier affiché. Aucun envoi.
Outil de recadrage d'images pour sites web
Choisissez une forme comme une image de partage 1200×630, un hero 16:9 ou une photo produit carrée, déposez votre image, faites glisser le cadre sur la partie voulue et téléchargez-la. Le recadrage se fait dans votre navigateur, la photo ne quitte donc jamais votre appareil, et vous pouvez l'enregistrer en WebP, JPG ou PNG.
Recadrages les plus utilisés sur les sites web
Où elle apparaît
Forme
Taille
Aperçus de liens (Open Graph)
1200 × 630px
Hero pleine largeur
1920 × 1080px
Photo de produit ou d'équipe
1080 × 1080px
Carte de blog ou de liste
1200 × 800px
Un outil de recadrage conçu autour des tailles qu'utilisent les sites web. Choisissez un préréglage, déplacez et redimensionnez le cadre, définissez un format et une qualité, voyez la taille exacte de sortie et le poids du fichier, et recadrez tout un lot à la même forme en une seule fois.
Choisissez une forme de recadrage. Chaque préréglage fixe le ratio et la taille de sortie ; Libre vous permet de tracer n'importe quel rectangle.
Déposez une ou plusieurs images dans la zone ou cliquez pour les choisir. Jusqu'à 20 peuvent être ouvertes à la fois, et aucune n'est envoyée.
Faites glisser le cadre pour cadrer l'image et faites glisser le point bleu pour l'agrandir ou le réduire. Quand le cadre a le focus, les touches fléchées le déplacent légèrement, et Shift le déplace plus vite.
Choisissez WebP, JPG ou PNG (et AVIF si votre navigateur sait le produire), réglez la qualité et, si vous le souhaitez, une largeur maximale.
Cliquez sur Recadrer et télécharger. Avec plusieurs images ouvertes, Tout recadrer applique la même forme autour du même point dans chaque image.
Éloignez les visages et le texte des bords des images de partage. Certaines applications rognent les aperçus de liens en carré ou arrondissent les coins.
Le WebP à environ 80% de qualité est généralement bien plus léger que le JPG à qualité visuelle égale et fonctionne dans tous les navigateurs actuels.
Réservez le PNG aux captures d'écran, logos et graphismes en aplats de couleur ou avec transparence. Les photos enregistrées en PNG sont souvent plusieurs fois plus lourdes.
Pour les images hero, recadrez plus large que nécessaire sur mobile et définissez object-position en CSS pour que le sujet reste visible sur les écrans étroits.
Si l'outil prévient que l'image sera agrandie, le recadrage contient moins de pixels que la taille cible. Partez d'un original plus grand plutôt que d'accepter un résultat flou.
Questions fréquentes
Mes images sont-elles envoyées ?
Non. Les images sont ouvertes, recadrées et enregistrées par votre navigateur sur votre propre appareil. Il n'y a aucune étape d'envoi et rien n'est stocké sur nos serveurs.
Quelle taille pour une image de partage ?
1200 × 630 pixels, soit un ratio d'environ 1.91 pour 1, est la taille autour de laquelle la plupart des aperçus de liens sont conçus. Choisissez le préréglage Image de partage pour recadrer exactement à cette taille.
Quel est le meilleur format pour les images d'un site web ?
Le WebP est le choix par défaut sûr pour les photos : des fichiers légers et une prise en charge dans tous les navigateurs actuels. L'AVIF peut être encore plus léger mais demande plus de temps d'encodage et n'est pas proposé par le canvas de tous les navigateurs. Utilisez le PNG pour les graphismes qui ont besoin de contours nets ou de transparence.
Puis-je recadrer plusieurs images à la même taille ?
Oui. Ouvrez plusieurs images, cadrez la première, puis utilisez Tout recadrer. Chaque image est recadrée à la même forme et à la même taille de sortie, centrée sur le même point relatif que votre premier recadrage.
Pourquoi le fichier recadré paraît-il flou ?
La zone recadrée contenait moins de pixels que la taille de sortie, elle a donc été agrandie. L'outil affiche un avertissement quand cela va se produire. Utilisez un original plus grand, une zone de recadrage plus grande ou une largeur maximale plus petite.
Recadrer d'abord, compresser ensuite
La plupart des images trop lourdes sur les sites web ne sont pas mal compressées ; elles sont simplement trop grandes. Une photo de téléphone fait souvent 4000 pixels de large, alors qu'une bannière hero dépasse rarement 1920 et qu'une image de carte tourne autour de 1200. Recadrer à la forme et à la taille utilisées par la page supprime l'essentiel du poids avant même toute compression.
Après le recadrage, le compresseur d'images peut encore alléger un peu le fichier, et le convertisseur WebP traite des dossiers entiers d'un coup.
Choisir la bonne forme
Adaptez le recadrage au cadre que l'image occupe sur la page. Si un thème affiche les photos de produits dans des vignettes carrées, recadrez-les vous-même en carré plutôt que de laisser le CSS couper les bords de façon imprévisible. Si le thème utilise un hero 16:9, une photo portrait 4:5 sera fortement rognée, choisissez donc une photo en paysage ou recadrez-la ici.
Pour les images de partage, considérez la carte d'aperçu comme une petite affiche : un sujet clair, quelques grands mots tout au plus, et rien d'important près des bords.
Formes de recadrage intégrées à l'outil
Forme
Taille de sortie
Idéal pour
Libre
La taille de votre recadrage
Toute forme que vous tracez
Image de partage 1200×630
1200 × 630px
Aperçus de liens Open Graph
Hero 16:9
1920 × 1080px
Bannières pleine largeur et images d'affiche vidéo
Hero large 21:9
2560 × 1097px
En-têtes de page bas et cinématographiques
Carré 1:1
1080 × 1080px
Photos de produits, avatars, publications en grille
Portrait 4:5
1080 × 1350px
Publications verticales et photos de produits
Story 9:16
1080 × 1920px
Stories plein écran sur téléphone
Carte 3:2
1200 × 800px
Images de cartes de blog et de liste
Favicon 512
512 × 512px
Source pour les icônes du site
Libre
Toute forme que vous tracez
Image de partage 1200×630
Aperçus de liens Open Graph
Hero 16:9
Bannières pleine largeur et images d'affiche vidéo
Hero large 21:9
En-têtes de page bas et cinématographiques
Carré 1:1
Photos de produits, avatars, publications en grille
Portrait 4:5
Publications verticales et photos de produits
Story 9:16
Stories plein écran sur téléphone
Carte 3:2
Images de cartes de blog et de liste
Favicon 512
Source pour les icônes du site
Impossible de lire {name} comme une image.
{n} image chargée. Rien n'a été envoyé.
{n} images chargées. Rien n'a été envoyé.
Ce navigateur ne peut pas enregistrer ce format. Choisissez WebP, JPG ou PNG.
Enregistré : {w} × {h} {ext}, {size}.
{n} images enregistrées, {size} au total. Chacune a été recadrée autour du même point que celle-ci.
Recadrer
Forme de recadrage
Déposez des images ici ou cliquez pour les choisir
JPG, PNG, WebP, GIF ou AVIF. Jusqu'à 20 à la fois. Elles restent sur votre appareil.
Image en cours de recadrage : {name}
Zone de recadrage. Faites-la glisser pour la déplacer, ou utilisez les touches fléchées.
Recadrage à {x}, {y}, {w} sur {h} pixels
{name} : {iw} × {ih}px. Recadrage {size} depuis ({pos}). Faites glisser le cadre pour le déplacer, le point bleu pour le redimensionner, ou donnez-lui le focus et utilisez les touches fléchées.
Exporter
Format
Qualité {value}
(le PNG est sans perte)
Largeur maximale (px, facultatif)
Garder la taille du recadrage
Sortie :
· Le recadrage est plus petit que cette taille, il sera donc agrandi et pourra paraître flou. Utilisez une photo plus grande ou une taille plus petite.