Recadreur d'image sur canvas et ajusteur de ratio d'aspect
Recadrez, faites pivoter, retournez et redimensionnez vos images instantanément. Verrouillez la zone de recadrage sur des ratios d'aspect standards (comme 1:1, 16:9, 4:3) ou ajustez les dimensions librement. Redimensionnez et exportez votre résultat en PNG, JPEG ou WebP entièrement côté client, en toute sécurité.
Select Image to Crop
Drag and drop PNG, JPG, JPEG, WebP, SVG or GIF files.
Upload an image to inspect details and configuration settings.
Pourquoi utiliser notre Recadreur d'image sur canvas ?
- Poignées SVG interactives : ajustez les zones de recadrage en douceur grâce à des poignées de glissement et de redimensionnement. Obtenez un retour en temps réel des dimensions en pixels ou spécifiez manuellement les coordonnées de recadrage.
- Verrouillage du ratio d'aspect : verrouillez le cadre de recadrage sur des proportions standard comme 1:1, 16:9, 4:3 ou vertical 9:16, ou passez au recadrage libre pour des dimensions entièrement personnalisées.
- Contrôles de rotation et de miroir : faites pivoter instantanément les images de 90 degrés dans le sens horaire ou antihoraire. Retournez-les verticalement ou horizontalement pour corriger l'orientation immédiatement.
- Isolation 100 % locale : travaillez en toute sécurité dans votre navigateur. Toutes les modifications sur canvas, les ajustements de dimensions et les exports de fichiers s'exécutent localement sur votre appareil, sans aucune fuite de données.
Moteur de recadrage interactif sur canvas
Le Recadreur d'image sur canvas exploite des calques SVG accélérés par le matériel, projetés sur des contextes de rendu HTML5 canvas. Lorsqu'une image est chargée, ses dimensions naturelles sont analysées et ajustées dans une zone d'édition adaptative. Une boîte englobante virtuelle représente la sélection et prend en charge le redimensionnement par gestes multi-touch ainsi que le glisser à la souris. Les poignées traduisent les coordonnées de la zone d'édition directement en pixels de l'espace image, garantissant que votre sélection de recadrage est mathématiquement exacte au pixel près.
Isolation stricte des données en local : conformément à des normes strictes de confidentialité des données, tous les calculs s'exécutent entièrement côté client. Vos images ne transitent jamais par le réseau et ne résident sur aucun serveur intermédiaire. Les API du navigateur traitent les tampons de tableaux binaires bruts localement, à l'intérieur de l'environnement bac à sable de votre page web. Cela offre une protection totale pour les documents privés, les dossiers d'entreprise et les ressources visuelles sensibles.
Les mathématiques du ratio d'aspect
L'ajustement du ratio d'aspect verrouille le rapport largeur-hauteur de votre sélection de recadrage. Choisir des préréglages comme 16:9, 4:3 ou 1:1 force les poignées à s'échelonner proportionnellement. Nous utilisons des équations d'ajustement de boîte pour centrer automatiquement le plus grand cadre de recadrage possible dans les limites de l'image cible. Pour les mises en page personnalisées, le mode libre supprime ces contraintes et permet une sélection indépendante des coordonnées sur les axes horizontal et vertical.
Matrices de rotation et de miroir
Notre outil prend en charge les rotations à 90 degrés et les retournements horizontaux et verticaux. Ces actions sont calculées par des algorithmes de matrice de transformation. Lorsque vous faites pivoter ou retournez l'image, les coordonnées de la boîte englobante du recadrage sont mappées à l'aide de calculs de décalage (`rotateBoxClockwise` / `rotateBoxCounterClockwise`), afin que votre sélection de recadrage actuelle suive automatiquement la grille de l'image transformée. Cela évite de réinitialiser votre cadre de recadrage quand vous corrigez des fichiers inclinés ou inversés.
Redimensionnement canvas de haute qualité
À l'export, les coordonnées de recadrage sont dessinées dans un contexte canvas hors écran. Plutôt que d'utiliser la mise à l'échelle CSS basique, qui produit des bords pixelisés, le navigateur exécute des algorithmes d'interpolation bilinéaire via `CanvasRenderingContext2D.drawImage()`. Cela conserve des lignes nettes et des détails de texte précis, même en réduisant des fichiers d'appareil photo haute résolution vers des tailles plus petites pour une diffusion mobile.
Curseurs de compression multi-formats : le moteur d'export permet de convertir les fichiers en formats standards : JPEG, PNG ou WebP. Les utilisateurs peuvent ajuster les curseurs de qualité pour équilibrer taille de fichier et clarté visuelle. L'export en JPEG ou WebP utilise des algorithmes de compression avec perte, supprimant les métadonnées de couleur redondantes. La sortie au format PNG conserve des canaux de transparence sans perte, ce qui est essentiel pour les badges transparents, les graphiques et les icônes de sites web.
Foire aux questions
Le Recadreur d'image sur canvas et ajusteur de ratio d'aspect est un outil de design web gratuit qui vous permet de recadrer, faire pivoter, retourner et redimensionner des images localement dans votre navigateur. Il utilise les API HTML5 Canvas pour modifier et convertir vos visuels sans dépendre de serveurs distants, protégeant ainsi votre vie privée.
Oui. Vous pouvez verrouiller la zone de sélection sur des ratios d'aspect standards, notamment 1:1 pour les photos de profil, 16:9 pour les diapositives grand écran, 4:3 pour les documents standards ou 9:16 pour les stories mobiles. Vous pouvez aussi choisir l'option de recadrage libre pour faire glisser les poignées vers des proportions personnalisées.
Oui. Vous pouvez faire pivoter les images de quatre-vingt-dix degrés dans le sens horaire ou antihoraire, et les retourner horizontalement ou verticalement. Les coordonnées de la zone de sélection s'ajustent et s'adaptent automatiquement à la nouvelle grille de rotation, ce qui vous permet de corriger facilement les erreurs d'orientation avant d'exécuter l'export du recadrage.
Vous pouvez importer des formats d'image standards, notamment PNG, JPEG, JPG, WebP, SVG et GIF. À l'export, vous pouvez produire vos fichiers recadrés et redimensionnés en PNG haute qualité, JPEG avec perte ou WebP optimisé, selon que vous avez besoin de transparence ou de fichiers plus légers.
Le curseur de qualité s'applique aux formats d'export avec perte comme JPEG et WebP. Le baisser compresse la taille des fichiers en fusionnant les couleurs redondantes, tandis que le laisser à cent pour cent préserve une fidélité visuelle maximale. Les exports au format PNG contournent cette compression, car ils sont toujours sans perte.
Non. Vos fichiers ne sont jamais envoyés à un serveur distant ni stockés dans le cloud. Toutes les opérations - chargement de l'image, rotation, recadrage sur canvas et mise en forme à l'export - s'exécutent uniquement dans le bac à sable de votre navigateur. Cela garantit que vos photos privées et documents sensibles restent totalement confidentiels.
Comme tout le traitement se fait localement dans la mémoire de votre appareil, les limites de taille dépendent entièrement de la capacité de RAM de votre navigateur. L'éditeur gère sans problème des photos numériques standard jusqu'à cinquante mégaoctets. Pour les fichiers d'appareils photo à très haute résolution, nous recommandons de fermer les onglets inutilisés pour libérer de la RAM.