Placez une image sur une autre - superposer, calques, overlay.
Superposez des images en ligne pour ajouter des logos, creer des overlays photo ou superposer des images. Cet outil de superposition en ligne vous laisse placer une image sur une autre, redimensionner, ajuster l'opacite et telecharger. Sans envoi, sans inscription.
Vous voulez placer des images cote a cote ou en grille ? Utilisez l'outil de fusion JPG.
Drop your background image here
This image becomes the bottom layer
Comment placer une image sur une autre.
Importez le fond
Glissez votre photo de base sur la zone d'import. C'est le calque du bas - l'image sur laquelle tout le reste repose. JPG, PNG et WebP fonctionnent. Vous pouvez aussi coller depuis le presse-papiers.
Ajoutez la superposition
Importez l'image a placer dessus - un logo, sticker, seconde photo ou tout graphique a ajouter image sur image. Les fichiers PNG a fond transparent produisent les resultats les plus nets car seul le contenu visible se rend sur la base.
Positionnez et telechargez
Glissez la previsualisation pour deplacer la superposition. Ajustez l'echelle (5-300 %) et l'opacite (5-100 %) avec les curseurs. Utilisez les positions presets comme Centre ou Bas droite pour un placement rapide. Telechargez en PNG ou JPG.
Quand superposer des photos et des calques d'images.
Placement de logos sur photos produit
Les vendeurs e-commerce et photographes ajoutent des logos de marque aux photos produit avant de les uploader sur les marketplaces. Importez la photo produit comme base, puis superposez un PNG transparent de votre logo. Mettez-le a l'echelle d'environ 15-20 % de la largeur de l'image et placez-le dans un coin. Reglez l'opacite a 70-80 % pour un logo discret, ou 100 % pour une visibilite totale. Cela remplace le flux multi-etapes Photoshop File > Place Embedded > Transform > Export.
Filigraner une galerie photo
Les photographes partagent des images de previsualisation avec les clients mais doivent prevenir l'usage non autorise. Superposez un logo texte ou une signature semi-transparente au centre de chaque photo a 25-40 % d'opacite. L'image reste consultable pour la selection, mais inutilisable pour l'impression ou le telechargement sans achat. Pour les filigranes texte, l'outil de filigrane est plus rapide car il genere le texte directement. Utilisez cet outil de superposition quand votre filigrane est un fichier graphique ou logo.
Double exposition et images qui se chevauchent
Le rendu double exposition mele un portrait a un paysage ou une texture en creant des images qui se chevauchent a transparence partielle. Importez un portrait comme base, superposez une scene urbaine ou forestiere, et reduisez l'opacite a 40-60 %. Les deux images se chevauchent visuellement. Les photographes argentiques obtenaient cela en exposant le meme photogramme deux fois. Cet outil reproduit l'effet sans modes de fusion Photoshop - le globalAlpha de l'API Canvas produit un melange de transparence direct qui imite le rendu analogique. Superposez des photos ainsi pour des composites artistiques.
Placer stickers et badges
Les publications reseaux sociaux et supports marketing utilisent des overlays de badges - etiquettes "PROMO", "NOUVEAU", "EPUISE" placees sur les images produit. Les designers preparent des PNG de badges a fond transparent, puis les superposent sur les photos produit en coin. C'est plus rapide que d'ouvrir chaque photo produit dans Canva ou Figma. Mettez le badge a 20-30 % de la largeur de base et placez-le en haut a droite ou en bas a gauche pour l'equilibre visuel.
Comment fonctionne la superposition d'images en interne.
L'outil utilise l'API HTML5 Canvas pour dessiner les deux images sur un seul element canvas. L'image de base est posee en premier en taille pleine. Puis l'image de superposition est dessinee par-dessus avec ctx.drawImage() aux coordonnees et dimensions que vous definissez. L'opacite se controle en definissant ctx.globalAlpha avant de dessiner la superposition - une valeur de 0.5 signifie que 50 % des pixels de la superposition se melangent a 50 % des pixels de la base a chaque position. Le canvas ne quitte jamais l'onglet de votre navigateur, et le composite final s'exporte comme un fichier image standard.
Pourquoi les superpositions PNG donnent des resultats plus nets
Le PNG prend en charge un canal alpha - chaque pixel a une valeur de transparence de 0 (entierement transparent) a 255 (entierement opaque). Quand vous superposez un logo PNG a fond transparent, le canvas ne dessine que les pixels visibles. Une superposition JPG n'a pas de canal alpha, donc chaque pixel est opaque. Si vous superposez un logo JPG, le fond rectangulaire du logo couvre l'image de base. Pour l'eviter, preparez votre superposition en PNG avec le fond retire avant d'utiliser cet outil.
Superposer vs overlay vs calques - meme operation, noms differents
Les gens cherchent cet outil sous des dizaines de noms : "superposer des images en ligne", "overlay d'image", "overlay photo", "editer image sur image", "ajouter une image a une image", "mettre une image sur une image", "comment ajouter une image", "comment ajouter une image a une image", "inserer une image dans une image", "ajouter pic in pic", "mettre une photo sur une photo", et "comment mettre une image sur une autre image". L'operation de l'API Canvas est identique dans chaque cas : dessiner l'image A, puis dessiner l'image B a une position avec transparence optionnelle. Que vous l'appeliez superposeur d'images, overlay photo ou calques d'images, l'outil fait la meme chose. Vous pouvez superposer des images en ligne sans installer de logiciel. Cela gere le placement a opacite totale (super impose), le melange a transparence partielle (overlay sur une image), et les images qui se chevauchent en empilant plusieurs calques d'image.
Bien regler la position
Les coordonnees X et Y controlent ou atterrit le coin superieur gauche de la superposition sur l'image de base. A X=0, Y=0, la superposition se place dans le coin superieur gauche. Les valeurs negatives deplacent la superposition partiellement hors ecran - utile pour un positionnement bord a bord ou une partie de la superposition depasse la limite du canvas et est rognee. Le bouton "Centre" calcule (baseWidth - scaledOverlayWidth) / 2pour X et l'equivalent pour Y. "Ajuster a la base" met la superposition a l'echelle pour couvrir toute l'image de base, ce que vous voulez pour les overlays de texture, effets light leak et applications de grain de film. On demande souvent comment mettre une photo sur une autre photo ou comment mettre une photo dans une photo - la reponse est toujours la meme : importez les deux images, puis glissez pour positionner. Que vous vouliez ajouter une photo a une image, inserer une photo sur une photo, inserer une image sur une image, ou ajouter une photo sur une photo, le flux de positionnement est identique.
Questions frequentes sur la combinaison d'images
Comment superposer des images, et comment mettre une image sur une autre image ? La reponse est toujours le meme flux de travail : importez deux images et positionnez la seconde sur la premiere. Comment mettre une image sur une autre image ou comment mettre une photo sur une autre fonctionne de facon identique. Comment ajouter une image a une autre image, comment ajouter une image dans une image, et comment puis-je ajouter une image a une image decrivent tous la meme operation de l'API Canvas. Comment inserer une image dans une autre image est aussi la meme chose - importer, positionner, telecharger. Vous pouvez coller une image depuis le presse-papiers si l'image est deja copiee. Que vous vouliez ajouter image a image, comment mettre une image sur une image, ou comment superposer des images - chaque variante mene ici. Le resultat est le meme : des images qui se chevauchent composees en un seul fichier que vous pouvez telecharger en PNG ou JPG.
Echelle et qualite de sortie
Le curseur d'echelle change les dimensions rendues de la superposition sans reechantillonner les pixels source - l'interpolation bilineaire du navigateur gere le redimensionnement pendant le dessin du canvas. A 200 %, une superposition 500x500 se rend en 1000x1000 sur la base. Le curseur de qualite de sortie (JPG uniquement) controle la compression DCT. A 92 % vous obtenez des artefacts negligeables avec des tailles de fichier raisonnables. Descendez a 80 % si vous avez besoin de fichiers plus petits pour les miniatures web. La sortie PNG est toujours sans perte quel que soit le reglage de qualite.
Combiner avec d'autres outils
Pour un flux d'edition photo complet : recadrez l'image de base a vos dimensions cibles, redimensionnez la superposition aux bonnes proportions avant de la charger ici, puis superposez photos ou calques d'images ensemble. Si le resultat a besoin d'ajustements, passez-le dans l'ajusteur de contraste ou l'outil d'eclaircissement. Pour des overlays texte plutot que des overlays image, utilisez l'outil de filigrane qui rend le texte directement sans fichier image separe. Si vous voulez inserer une image dans une autre cote a cote plutot qu'en calques, l'outil de fusion place les photos cote a cote en lignes, colonnes ou grilles. Cet outil fonctionne aussi comme editeur d'images qui se chevauchent - superposez deux images a transparence partielle pour creer des composites melanges.
Filigrane texte a la place ?
Ajoutez des filigranes texte avec police, couleur, position et motifs en mosaique.
Ajouter un filigraneFusionner cote a cote ?
Placez les images cote a cote en ligne, colonne ou grille au lieu de calques.
Fusionner JPGRecadrer avant de superposer ?
Rognez l'image de base au bon cadre avant de placer votre superposition dessus.
Recadrer une imageQuestions frequentes.
Comment placer une image sur une autre image ?
Importez d'abord votre image de fond - elle devient le calque de base. Puis importez l'image a placer dessus. La superposition apparait par defaut dans le coin superieur gauche de l'image de base. Faites-la glisser dans la zone de previsualisation pour la repositionner, utilisez le curseur d'echelle pour l'agrandir ou la reduire, et ajustez l'opacite si vous voulez que le fond transparaisse. Utilisez les boutons de presets (Centre, Bas droite, Ajuster a la base) pour un placement rapide sans glisser manuellement. Vous pouvez aussi coller une image depuis le presse-papiers au lieu d'importer un fichier. Cliquez sur Telecharger quand le placement vous convient. Tout le processus s'execute dans votre navigateur avec l'API Canvas - les deux images restent sur votre appareil, rien n'est envoye a un serveur, et le composite se rend en moins d'une seconde pour des photos typiques jusqu'a 3000x2000 pixels.
Comment ajouter une photo a une autre photo ou inserer une image ?
Le processus est le meme que vous vouliez ajouter une image a une image, ajouter une photo a une photo, ajouter une image a une photo, ou inserer une image dans une autre. Importez le fond comme premiere image, puis importez ce que vous voulez placer dessus comme seconde image. L'outil dessine la seconde image par-dessus la premiere a la position choisie. Si vous voulez ajouter une image dans une image a un endroit precis - comme inserer une photo produit dans un cadre de mockup - glissez la superposition a la position exacte et mettez-la a l'echelle. Cet outil de superposition gere toute combinaison : photo sur photo, logo sur photo produit, sticker sur selfie, ou image de texte sur un fond.
Quelle est la difference entre superposer et fusionner ?
Fusionner (aussi appele joindre ou combiner) place les images cote a cote ou empilees en une seule sortie - le resultat est plus large ou plus haut que chaque image d'entree. Une fusion verticale de deux photos 500x500 produit une sortie 500x1000. Superposer (aussi appele overlay ou calques photo) place une image sur une autre a une position precise dans les dimensions de l'image de base, donc la taille de sortie correspond a la base. Une superposition 500x500 sur une base 1000x1000 produit toujours une sortie 1000x1000. Utilisez l'<a href="/fr/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">outil de fusion</a> pour des comparaisons avant-apres, des collages photo ou des mises en page cote a cote. Utilisez cet outil de superposition quand vous devez mettre une photo sur une photo, ajouter un filigrane sur une image de galerie, ou inserer une image sur une image a une position precise sur une scene.
Puis-je superposer un PNG avec fond transparent ?
Oui, et c'est le scenario le plus utile pour cet outil. Importez un logo PNG, une icone ou un overlay PNG avec fond transparent comme image de superposition. Seuls les pixels visibles se rendent sur la base - les zones transparentes laissent voir le fond proprement sans aucun rectangle blanc. C'est ainsi que les vendeurs e-commerce ajoutent des logos d'entreprise aux photos produit, que les photographes placent des signatures de filigrane sur les galeries, et que les designers superposent des cadres decoratifs sur des portraits. Si votre PNG de superposition n'a pas encore de transparence, retirez d'abord le fond avec un outil comme remove.bg ou Photoshop, enregistrez en PNG avec canal alpha, puis superposez-le ici. Les superpositions JPG ne peuvent pas avoir de transparence - elles se rendent toujours comme un rectangle solide sur la base, couvrant ce qui se trouve en dessous.
Comment ajuster la taille de l'image superposee ?
Utilisez le curseur Echelle sous la previsualisation. A 100 %, la superposition se rend a ses dimensions pixel d'origine relatives a l'image de base. Glissez a gauche pour la reduire jusqu'a 5 % ou a droite pour l'agrandir jusqu'a 300 %. Une superposition 2000x1500 a 50 % d'echelle se rend en 1000x750 pixels sur la base. Pour le placement de logos sur photos produit, 10-25 % de la largeur de l'image de base fonctionne dans la plupart des cas - un logo de 200 px sur une photo de 2000 px de large fait 10 % et se lit comme une marque discrete. Pour les overlays plein cadre comme textures, light leaks ou effets de grain, cliquez sur le bouton "Ajuster a la base" pour mettre automatiquement la superposition a l'echelle afin de couvrir tout le fond et la centrer. Le calcul d'echelle utilise les dimensions naturelles de la superposition, pas la taille d'affichage.
A quoi sert le curseur d'opacite ?
L'opacite controle la transparence de l'image superposee sur la base. A 100 %, la superposition est totalement opaque et couvre completement les pixels de l'image de base en dessous. A 50 %, la superposition est semi-transparente et la base transparait a moitie - cela cree un effet de fusion en double exposition. A 10 %, la superposition est a peine visible, juste une empreinte legere. Reglages courants : 20-40 % pour les filigranes ou la marque doit etre visible sans dominer la photo ; 50 % pour les composites double exposition qui melangent un portrait et un paysage ; 15-30 % pour les overlays de texture comme grain de film, light leaks ou effets bokeh qui ajoutent du caractere sans ecraser l'image de base ; et 100 % pour le placement de logos, stickers et badges ou la visibilite totale est l'objectif.
Puis-je superposer des images en ligne depuis mon telephone ?
Oui, vous pouvez superposer des images en ligne depuis n'importe quel telephone. Ouvrez cette page dans Safari, Chrome ou tout navigateur mobile moderne. Appuyez sur la premiere zone d'import pour choisir votre image de base depuis la pellicule, puis sur la seconde zone pour la superposition. Vous pouvez aussi coller une image depuis le presse-papiers si vous en avez copie une. Glissez dans la previsualisation avec le doigt pour repositionner la superposition. Les curseurs d'echelle, d'opacite et de position repondent tous au tactile. Les boutons de presets comme Centre et Bas droite fonctionnent en un seul appui. Le traitement se fait entierement sur votre telephone avec le meme moteur de superposition que sur bureau - aucune donnee d'image n'est envoyee a un serveur, et le resultat se telecharge directement sur votre appareil. Les telephones avec 4 Go de RAM ou plus gerent des images jusqu'a 4000x3000 sans probleme.
Comment superposer deux images ou photos en ligne ?
Pour superposer deux images ou photos en ligne, importez d'abord l'image de fond, puis l'image de premier plan. L'outil dessine la seconde image par-dessus la premiere. Si vous voulez superposer des images en ligne avec transparence, utilisez un PNG de superposition avec fond transparent. Pour superposer des photos en ligne avec couverture complete, cliquez sur "Ajuster a la base" pour etirer la superposition sur tout le fond. Vous pouvez aussi superposer 2 images a opacite partielle pour un rendu double exposition. Cela fonctionne de la meme facon que vous cherchiez comment superposer des images, comment superposer des photos, ou superposer des images en ligne - l'operation de l'API Canvas est identique dans chaque cas.
Dois-je exporter en PNG ou en JPG ?
Exportez en PNG si votre superposition utilise la transparence et que vous devez la conserver en sortie - par exemple quand l'image de base a elle-meme des zones transparentes, ou quand le resultat compose alimentera un autre outil de design comme Figma, Photoshop ou Canva ou vous avez besoin de bords alpha nets. Le PNG est sans perte, donc zero artefact de compression, mais les fichiers sont 3 a 5 fois plus gros que le JPG. Exportez en JPG quand la taille du fichier compte et que la transparence n'est pas necessaire. Le JPG a 92 % de qualite (par defaut) produit des resultats visuellement identiques a l'original pour les photos, environ 200-400 Ko pour un composite 2000x1500. Utilisez le JPG pour les uploads reseaux sociaux, les images de fiches produit, les pages web, les pieces jointes, et tout contexte ou l'image repose sur un fond uni.
Mes images sont-elles envoyees sur un serveur ?
Non. Les deux images se chargent en memoire du navigateur via l'API HTML5 Canvas et JavaScript. L'etape de composition - dessiner la superposition sur la base a la position et l'opacite specifiees - se deroule entierement sur votre appareil avec canvas.drawImage() et globalAlpha pour le controle de transparence. Vous pouvez le verifier : ouvrez les outils developpeur du navigateur (F12), passez a l'onglet Reseau, et effectuez une operation complete de superposition. Vous verrez zero requete sortante portant des donnees d'image. Le seul trafic reseau est le chargement initial de la page. Fermez l'onglet et toutes les donnees d'image sont liberees de la memoire immediatement. Cet editeur image sur image fonctionne en local, ce qui le rend sur pour les documents confidentiels, les photos produit non publiees, les images personnelles, et tout contenu que vous ne voudriez pas sur un serveur tiers.