✂️
Photo & Image/Image Crop & Compress

Image Crop & Compress

Crop images with aspect ratio presets, compress quality, and convert format. Visual crop editor. 100% browser-based.

100% LOCALVisual crop editorAspect ratio presetsQuality compressionFormat conversion
Saved Settings· Auto-save on
▾
La calculatricePage 1
🖼️
Drop your image here or click to upload
JPG, PNG, WebP, GIF — crop, compress, convert. 100% local.
Data Source & Legal Disclaimer
Effective: 2026
Sources: Browser-side processing (no external API)

This tool runs 100% in your browser. All computation happens locally on your device — your input is never uploaded to any server. Results are for reference only.

See all data sources & update policy →
Comment ça marchePage 2

How image cropping works — illustrated

Cropping discards pixels, it never invents them. A selection rectangle records the source coordinates (x, y, w, h) in the original image's own pixel space, and the crop then calls drawImage to copy exactly that region into a brand-new canvas. Because the source region is re-encoded, the crop also lets you recompress quality, convert format, and downscale in the same pass — which is how the same action both trims the frame and shrinks the file size.

Selection box → region copied to a fresh canvas
SOURCE · 800 × 600 px(x, y)(x+w, y+h)selection in source pixelscopy regionsx sy sw shCROPPED · 400 × 300 pxonly selected pixels survivedrawImage(img, sx, sy, sw, sh, 0, 0, dw, dh) copies only pixels inside the selection

Only pixels inside the selection survive. The crop box is defined in the source image's natural pixel coordinates, so the output is always a true, lossless-in-region copy of that rectangle — quality and format changes happen when it is re-encoded.

Cropping a 4032 × 3024 photo for Instagram

A phone photo is portrait-friendly but oversized; you want a square 1080 × 1080 for a 1:1 feed post.

  1. Lock 1:1 aspect:Dragging is constrained so the crop box width always equals its height
  2. Size the box:Select the largest 1080 × 1080 region that fits inside the photo
  3. Set quality and format:JPEG at 80% with a 1080 px max width keeps the crop web-ready
  4. Crop and export:Only the selected rectangle is copied to a fresh canvas and encoded — the output lands near ~250 KB
FAQ et détailsPage 3

Crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. Everything runs locally; nothing is uploaded.

FreeToolHub Image Crop & Compress is a free browser-based tool — crop images with aspect ratio presets (1:1, 16:9, 4:3), compress quality, convert JPG/PNG/WebP. No signup, no upload; everything runs locally in your browser.

À propos de cet outil

Qu'est-ce que cet outil ?

Recadrez vos images avec des préréglages de proportions (1:1, 16:9, 4:3), compressez la qualité, convertissez en JPG/PNG/WebP. Éditeur visuel par glisser-pour-recadrer. 100 % dans le navigateur.

Visual crop editorAspect ratio presetsQuality compressionFormat conversion

Qu'est-ce que l'outil de Recadrage et Compression d'Image ?

L'outil de Recadrage et Compression d'Image est un éditeur visuel gratuit et basé sur le navigateur qui combine deux opérations essentielles sur les images en un seul flux de travail. Le mode recadrage fournit un canevas de sélection par glisser-déposer avec des rapports d'aspect prédéfinis (Libre, 1:1, 4:3, 16:9, 3:2, 9:16) pour les médias sociaux, les miniatures et l'impression. Le mode compression vous permet d'ajuster la qualité (10-100 %), de choisir le format de sortie (JPG, PNG, WebP) et de définir une largeur maximale pour le rétrécissement. Tout le traitement se fait localement en utilisant l'API HTML5 Canvas — vos images ne quittent jamais votre navigateur.

Qui devrait utiliser cet outil ?

Les créateurs de contenu recadrent des images avec des rapports d'aspect spécifiques pour Instagram (1:1), les miniatures YouTube (16:9) et Pinterest (2:3). Les blogueurs compressent les images pour réduire les temps de chargement des pages sans perte de qualité visible. Les développeurs web convertissent entre les formats JPG, PNG et WebP pour une livraison optimale dans les navigateurs. Les étudiants et les chercheurs recadrent des captures d'écran pour mettre en évidence des zones spécifiques. Quiconque a besoin de recadrer et compresser rapidement une image sans ouvrir Photoshop ou installer de logiciel.

Comment utiliser l'outil de Recadrage et Compression d'Image

Téléchargez une image en la faisant glisser dans la zone de dépôt. L'éditeur visuel de recadrage apparaît avec votre image et un masque foncé. Cliquez et faites glisser sur l'image pour sélectionner la zone de recadrage — la sélection est mise en évidence en temps réel. Choisissez un rapport d'aspect prédéfini pour contraindre la forme du recadrage. Ajustez la qualité de compression avec le curseur, sélectionnez le format de sortie (JPG/PNG/WebP) et éventuellement définissez une largeur maximale. Cliquez sur Crop & Compress pour traiter, puis prévisualisez et téléchargez le résultat. Tout le traitement est instantané et local.

Questions fréquentes

Quels rapports d'aspect sont supportés ?

L'outil supporte le recadrage libre (aucune contrainte), 1:1 (carré, Instagram), 4:3 (standard), 16:9 (écran large, YouTube), 3:2 (DSLR) et 9:16 (vertical, Stories/Reels). Sélectionnez un préréglage avant ou pendant le recadrage pour verrouiller la sélection à ce ratio.

Quelle est la différence entre recadrer et compresser ?

Le recadrage supprime les zones externes indésirables de l'image pour se concentrer sur une région spécifique. La compression réduit la taille du fichier en abaissant la qualité et/ou en changeant le format. Cet outil combine les deux : vous recadrez d'abord pour obtenir le bon cadrage, puis vous compressez pour optimiser la taille du fichier. Les deux opérations travaillent ensemble — le recadrage réduit les dimensions (moins de pixels), et la compression réduit la qualité (moins de données par pixel).

Quel format dois-je choisir ?

JPG est idéal pour les photographies avec dégradés doux — plus petit fichier à une qualité donnée. PNG est idéal pour les graphiques avec des bords nets, du texte ou de la transparence — sans perte mais fichiers plus volumineux. WebP est l'alternative moderne — plus petit que JPG à qualité similaire, supporté par tous les navigateurs modernes. Pour une utilisation web, WebP est recommandé. Pour l'impression, utilisez JPG à 90 %+ de qualité.

À quel rapport d'aspect devrais-je recadrer ?

Adaptez-vous à la destination : 1:1 pour les photos de profil et le fil d'Instagram, 4:3 ou 3:2 pour l'impression et la photographie générale, 16:9 pour les miniatures vidéo et les bannières web, 9:16 pour les stories et les shorts. Recadrer au ratio natif de la plateforme empêche les recadrages automatiques au centre de couper des têtes plus tard. Le recadrage libre est là pour tout le reste — les préréglages sont des raccourcis, pas des règles.

Quel paramètre de qualité JPEG devrais-je utiliser pour l'export ?

0,8 (80 %) est le point idéal : visuellement indiscernable de 100 % pour les photos tout en étant une fraction de la taille du fichier. En dessous d'environ 0,6, le blocage apparaît dans les dégradés et les bords du texte ; au-dessus de 0,9, vous payez de vrais kilo-octets pour des différences que personne ne peut voir. Pour les captures d'écran avec du texte, préférez PNG ou WebP - la compression JPEG est conçue pour les tons continus et brouille les bords nets.

Pourquoi exporter en WebP plutôt qu'en JPEG ou PNG ?

WebP est de 25-35 % plus petit que JPEG à qualité visuelle équivalente et supporte la transparence là où JPEG ne le peut. Le compromis est la compatibilité : les navigateurs modernes, les téléphones et WordPress le gèrent tous, tandis que certains logiciels plus anciens et clients de messagerie ne le font pas. Pour les téléversements web, WebP est généralement le bon choix ; pour les fichiers qui doivent s'ouvrir partout, JPEG reste la lingua franca. L'outil de recadrage exporte les trois formats pour que la décision soit prise une seule fois, au moment de l'enregistrement.

À quoi sert l'option de largeur maximale ?

Elle limite les dimensions d'export pour le cas courant du pré-redimensionnement d'images web : une photo de 4000 px de l'appareil photo affichée à 1200 px fait 10 fois la taille du fichier pour un gain visible nul, et la téléverser brute gaspille la bande passante et invite à une recompression par la plateforme. Définissez la limite à la plus grande taille d'affichage dont vous avez besoin (1200-1600 px couvre la plupart des utilisations web) et les sources plus grandes sont réduites automatiquement — les sources plus petites passent sans modification, jamais agrandies.

Outils connexes

Partager :𝕏inf⬆
Joke of the Day
Oct 22

What do you call a really smart cookie?

Free core, no account

Keep the Free Edition Free

No signups, no data sold. Every tool is free to use — the free tier allows 5 downloads or saves per day, and the optional Pro plan ($7/mo, $59/yr) adds unlimited downloads, batch processing, white-label exports and an ad-free experience.

☕Support me on Ko-fi— support the free tier

100% of proceeds go towards hosting & building more free tools.