Cadre flouté
Placez une photo entière dans un format fixe et remplissez le reste avec une copie agrandie et floutée de la même image. Rien n'est coupé, et le fichier ne quitte pas votre navigateur.
En bref
Blurred Frame de SquareImage.dev insère une photo entière dans un format fixe et remplit l'espace restant avec une copie agrandie et floutée de la même photo, de sorte que rien n'est recadré. Quatre réglages définissent le résultat : le format (1:1, 2:3, 16:9 ou personnalisé), l'échelle de l'image principale, l'échelle du fond et l'intensité du flou. L'export se fait uniquement en PNG, à quatre fois la zone de travail de l'éditeur, et une image est traitée à la fois ; pour du JPEG ou du WebP, utilisez le convertisseur principal sur squareimage.dev. L'outil est gratuit, ne demande aucun compte, et l'image est composée avec Canvas sur l'appareil plutôt que téléversée.
By Square Image · Verified
Comment créer un cadre flouté ?
- Chargez la photo : cliquez, glissez-la ou collez-la.
- Choisissez le format : 1:1, 2:3, 16:9 ou un format personnalisé.
- Réglez les curseurs : taille de l'image, taille du fond et flou.
- Téléchargez en PNG.
À quoi servent les quatre réglages ?
- Format : détermine la forme de la zone exportée.
- Échelle de l'image principale : la place qu'occupe la photo nette dans le cadre.
- Échelle du fond : l'agrandissement de la copie floutée.
- Flou : la séparation visuelle entre le premier plan et le fond.
Pourquoi l'export est-il uniquement en PNG ?
Cet outil n'exporte qu'en PNG, à quatre fois la zone de travail de l'éditeur. Les dégradés doux du fond flouté restent ainsi exempts d'artefacts de compression.
Pour du JPEG ou du WebP, utilisez le convertisseur principal de la page d'accueil : il propose les mêmes modes avec davantage de formats de sortie.
Ma photo est-elle téléversée sur un serveur ?
Non. L'image est lue avec les API de fichiers du navigateur et composée sur un canvas local ; elle n'est pas envoyée à notre serveur.
Deux limites : une image est traitée à la fois, et les exports très grands peuvent dépasser la mémoire d'un navigateur mobile.
Questions fréquentes
Une partie de la photo est-elle coupée ?
Non. La photo entière reste visible ; seul l'espace vide est rempli par la copie floutée.
Puis-je saisir un format personnalisé ?
Oui. Outre 1:1, 2:3 et 16:9, vous pouvez saisir n'importe quel rapport, par exemple 4:5.
Dans quel format le fichier est-il enregistré ?
En PNG uniquement, à quatre fois la zone de travail. Pour du JPEG ou du WebP, utilisez le convertisseur principal.
Chaque outil de ce site dessine votre photo sur un canvas HTML puis relit le résultat : c'est tout le traitement. C'est pourquoi rien n'est téléversé. La documentation du navigateur décrit ainsi l'étape de dessin :
“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
Sources
- MDN Web Docs — CanvasRenderingContext2D: drawImage() method
- MDN Web Docs — HTMLCanvasElement: toBlob() method
- WHATWG — HTML Standard — The canvas element
Liens vérifiés le 2026-09-03.
Autres outils d'image sur ce site
- Square Image ConverterBlur, solid color, resize, or 1:1 crop — the main square converter.
- Square CropDrag a 1:1 crop box over the photo and compare several crops.
- Rounded CornersRound the corners of an image and keep the cut-out transparent.
- Full DP MakerA whole photo as a profile picture, with no crop on WhatsApp.
- Instagram Grid MakerSplit one photo into 2×2 to 4×4 tiles for a feed mosaic.
- Drawing GridOverlay a numbered grid on a reference photo for grid drawing.
- Solid Color BackgroundGenerate a plain color image at any size, no upload needed.