Glissez-déposez une ou plusieurs images ici, ou parcourez
Prend en charge JPG, PNG, WebP, GIF, AVIF, HEIC
Le recadrage par pixels ramène chaque image d'un lot à une largeur × hauteur fixe en pixels. Utilisez-le quand sites, apps, design systems ou mises en page print exigent des tailles de sortie identiques—le traitement reste dans le navigateur, sans envoi.
Le recadrage par pixels produit chaque image sélectionnée à la largeur et hauteur exactes que vous saisissez (par ex. 1200×800), pour qu'un dossier entier partage une taille de canevas pour assets UI, miniatures ou emplacements de mise en page.
Par Batch Image Crop Team · Dernière mise à jour : 2026-08-12
Le recadrage par pixels est une méthode de recadrage par lot qui vise des dimensions absolues en pixels plutôt que des proportions. Vous fixez largeur et hauteur une fois ; chaque fichier est recadré dans ce cadre (avec positionnement en aperçu), puis exporté ensemble en ZIP.
Il diffère du recadrage par pourcentage, qui retire une part relative de chaque source. Le mode pixels convient quand la destination exige une taille bitmap connue—même largeur et hauteur en pixels sur chaque résultat.
Ces points de départ couvrent des jobs par lot fréquents. Confirmez toute spécification CMS, thème ou print avant de figer les chiffres.
| Cas d'usage | Taille typique | Pourquoi ça marche |
|---|---|---|
| Web / bannières hero | 1920×600, 1200×400 | Correspond aux en-têtes larges sans laisser de canevas superflu |
| Avatars & tuiles carrés | 400×400, 800×800 | Carrés uniformes pour grilles, annuaires et profils |
| Miniatures & cartes | 300×300, 640×360 | Aperçus compacts qui chargent vite et s'alignent en listes |
| Affichage HD / images vidéo | 1920×1080 | Cadre Full HD standard pour diapositives, embeds et mockups |
| Assets haute rés. / QHD | 2560×1440, 3840×2160 | Recadrages prêts Retina et 4K quand les sources sont assez grandes |
Thèmes et constructeurs rejettent ou étirent souvent les images hors largeur × hauteur requise. Un réglage pixels uniformise tout le dossier.
Les design systems attendent des tailles bitmap fixes pour boutons, tuiles et miniatures de liste. Le lot pixels garde chaque export conforme.
Les grilles produit paraissent irrégulières si chaque photo a une taille pixel différente. Verrouillez un canevas pour aligner les cartes.
Quand un emplacement est défini en pixels (ou export équivalent), le recadrage absolu évite les surprises de redimensionnement de dernière minute.
Des scripts aval qui supposent 1200×800 (ou similaire) échouent sur des tailles mixtes. Le mode pixels rend le lot machine-friendly.
Fichiers produit ou portraits sensibles n'ont pas besoin de quitter l'appareil. Le recadrage tourne dans le navigateur ; vous ne téléchargez que le ZIP à conserver.
Choisissez le mode selon que vous avez besoin d'un canevas fixe, d'une coupe proportionnelle ou d'un preset plateforme/forme.
| Mode | Idéal quand | Attention |
|---|---|---|
| Recadrage par pixels | Chaque fichier doit partager une largeur × hauteur exacte | Des sources plus petites que la cible ne peuvent inventer les pixels manquants |
| Recadrage par pourcentage | Des tailles mixtes nécessitent la même coupe proportionnelle des bords | Les dimensions finales en pixels varient encore selon la source |
| Recadrage manuel | Les sujets sont placés différemment et demandent un cadrage par image | Plus lent si la seule exigence est un cadre pixels commun |
| Recadrage pour réseaux sociaux | Vous voulez des presets Instagram, YouTube, LinkedIn et autres | Des tailles CMS custom peuvent ne pas coller aux presets plateforme |
| Recadrage par forme | Vous avez besoin de cercles ou masques arrondis avec transparence | Les masques de forme ne remplacent pas un simple cadre rectangulaire en pixels |
Confirmez que chaque original est au moins aussi large et haut que le cadre. L'agrandissement ne remplace pas une source plus grande.
Un cadre fixe peut couper des produits hauts ou des visages décentrés. Prévisualisez les cas limites et déplacez la zone avant le lot.
Si la mise en page exige du 16:9 mais vous saisissez un carré, le contenu sera coupé autrement. Entrez le vrai ratio cible en pixels.
Pour Instagram, YouTube ou LinkedIn, le mode social est plus rapide. Restez en pixels quand la taille est une exigence CMS ou app sur mesure.
Il ramène chaque image à une largeur et hauteur exactes en pixels. Par ex., 1200×800 produit des sorties de 1200 pixels de large et 800 de haut.
Oui—quand la source est assez grande, chaque fichier recadré correspond à la largeur et hauteur saisies. C'est la raison principale de choisir pixels plutôt que pourcentage.
On ne peut pas inventer honnêtement des pixels manquants sans upscaling. Gardez la cible au plus égale aux dimensions de chaque source, ou partez d'originaux plus résolus.
Le pourcentage retire une part proportionnelle de chaque fichier, donc les tailles de sortie varient encore avec la source. Les pixels imposent un canevas fixe quand vous voulez des dimensions identiques.
Oui. Fixez les dimensions une fois, prévisualisez le cadrage, traitez l'ensemble et téléchargez un seul ZIP de résultats.
Non. Le traitement tourne dans votre navigateur. Les images restent sur votre appareil sauf si vous téléchargez vous-même le ZIP.
Le recadrage à taille exacte dans le navigateur suit le modèle bitmap du canvas : vous définissez une largeur de destination en pixels, puis dessinez un rectangle source dans cet espace de coordonnées. Les références ci-dessous documentent ces API.
Formulation officielle citée
Selon MDN, la propriété HTMLCanvasElement.width contrôle la taille du canvas et reflète la largeur du bitmap (tampon de dessin / espace de coordonnées) en pixels CSS—un recadrage absolu en pixels est donc en fin de compte une largeur bitmap fixe, pas un pourcentage du fichier source.
Source : MDN — HTMLCanvasElement.width
MDN Web Docs
CanvasRenderingContext2D.drawImage()
Utilisé pour : Modèle de recadrage par rectangle source du canvas navigateur utilisé par les outils côté client
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
MDN Web Docs
Utilisé pour : Largeur bitmap absolue en pixels de l'espace de coordonnées du canvas
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
Cette page aide au recadrage par lot à dimensions exactes dans le navigateur. Prévisualisez toujours le cadrage et passez au pourcentage, social ou manuel quand le job est une coupe proportionnelle, des presets plateforme ou des sujets décentrés.
Le Recadrage par Pixels fait partie de la boîte à outils complète Batch Image Crop. Selon votre flux, choisissez aussi d'autres modes ci-dessous.
Faites glisser et redimensionnez librement la zone sur chaque image.
Recadrez par pourcentage pour retirer une proportion des bords.
Dimensions prédéfinies pour Instagram, Facebook, TikTok, YouTube et plus.
Recadrez en cercles, rectangles arrondis ou formes personnalisées.
Préparez portraits passeport, visa et identité avec des presets de taille document.
