« Mettre une image sur une autre » est la description courante d’une superposition. Une première image fournit le canevas et la seconde devient un calque mobile au-dessus. Elle peut couvrir tout le cadre, devenir un petit logo ou rester partiellement transparente pour que les deux sources demeurent visibles.
Ajouter une photo à une autre, superposer des photos, insérer une image dans une autre ou créer une image dans l’image désignent la même tâche. Les réglages restent les mêmes : ordre des calques, position, taille, opacité et format d’export.
Le chemin le plus court consiste à ouvrir OverlayImage.app, importer l’image principale, ajouter la seconde et l’organiser sur le canevas. Voici comment choisir les bons réglages.
Différence entre « au-dessus » et « à côté »
Décidez d’abord si les images doivent partager le même espace.
Lorsqu’une image est au-dessus d’une autre, leurs zones se chevauchent. La supérieure peut masquer l’inférieure ou laisser apparaître les deux grâce à la transparence. Cette structure convient aux logos, filigranes, textures, autocollants, photos incrustées et doubles expositions.
Quand deux images sont à côté, aucune ne couvre l’autre. Leurs dimensions complètes sont conservées dans un canevas plus grand. C’est un assemblage adapté aux avant-après, variantes de produit, instructions et suivis de progression.
OverlayImage.app propose les deux : Superposition pour empiler, Côte à côte, De haut en bas ou Collage en grille pour garder chaque source entièrement visible.
Comment mettre une image sur une autre
Étape 1 : choisissez l’image qui définit le canevas
Importez celle dont les dimensions et le cadrage comptent le plus. Pour ajouter un logo à une photo produit, la photo est l’image principale. Pour placer un portrait dans un cadre, le cadre ou l’arrière-plan peut devenir la base selon les dimensions à conserver.
Considérez l’image principale comme la feuille de papier : toutes les autres seront placées par rapport à ses bords.
Étape 2 : ajoutez l’image supérieure
Cliquez sur Ajouter une image à superposer et ouvrez le second fichier. Il apparaît comme calque sélectionné. PNG et WebP transparents sont pratiques, car la zone invisible autour du sujet ne masque pas le dessous.
Si un rectangle blanc ou coloré apparaît, il appartient au fichier. Réduire l’opacité le rend translucide sans le supprimer. Pour un logo propre, partez d’un fichier déjà transparent.
Étape 3 : déplacez et redimensionnez l’image supérieure
Faites glisser le calque vers sa position et tirez un angle pour conserver ses proportions. Utilisez le centrage lorsqu’il doit se trouver exactement au milieu.
Pour une petite incrustation, laissez une marge volontaire. Une image qui frôle le bord paraît souvent mal placée. Posez un logo dans une zone calme. Pour couvrir tout le cadre, agrandissez la source jusqu’aux bords ; si elle n’y arrive pas, préférez une source plus grande au dépassement de la limite d’échelle de 300 %.
Les champs X et Y permettent de reproduire une position. Notez les coordonnées et l’échelle, puis réutilisez-les sur des images de mêmes dimensions.
Étape 4 : choisissez la part visible de chaque image
À 100 % d’opacité en mode Normal, chaque pixel opaque du calque supérieur masque le dessous, tandis que ses pixels transparents le révèlent. Baisser l’opacité laisse voir davantage la photo inférieure sans changer la méthode de combinaison des couleurs.
Pour un filigrane, Normal avec une opacité réduite suffit souvent. Pour une composition artistique, testez Produit, Écran, Incrustation ou Lumière tamisée. Comparez toujours avec Normal : une fusion spectaculaire peut masquer une erreur de couleur ou rendre du texte illisible.
Luminosité, contraste, saturation et flou aident aussi une photo incrustée à rejoindre la scène ou une texture à soutenir la photo sans la dominer.
Étape 5 : téléchargez un fichier terminé
Choisissez PNG, JPEG ou WebP. Les sources sont rendues en un seul fichier, tandis que les originaux restent séparés et inchangés. PNG convient à la transparence et aux contours nets, JPEG aux photos sur fond opaque, WebP aux images Web compactes.
Quatre dispositions courantes
Un logo dans un coin
Gardez-le petit, préservez son espace libre et utilisez Normal. Sur une photo très contrastée, réduisez peu l’opacité : un logo trop transparent disparaît sur petit écran.
Un filigrane centré
Un grand filigrane protège une épreuve sans empêcher d’évaluer le sujet. Commencez au milieu de l’échelle d’opacité et vérifiez les zones claires comme sombres.
Une photo incrustée
Il s’agit d’une petite image rectangulaire dans une scène plus grande, utile pour réactions, détails, cartes, instructions et comparaisons. Gardez une marge constante. L’éditeur place les images mais ne crée pas automatiquement de cadre décoratif.
Une fusion plein cadre
Agrandissez la photo supérieure autant que sa résolution le permet, réduisez l’opacité ou choisissez un mode. Observez les sujets, horizons, lumières et lignes directrices : quelques pixels de déplacement peuvent transformer le résultat.
Ordre des calques avec trois images ou plus
Chaque superposition rejoint une pile. L’image principale reste au fond ; les autres avancent ou reculent entre elles. Une composition sociale peut comprendre :
- Une photo produit comme base.
- Un voile coloré au-dessus.
- Un badge de prix.
- Un logo au premier plan.
Sélectionnez la miniature avant toute modification. Si une autre image couvre le calque sur le canevas, utilisez sa miniature puis la commande pour l’avancer.
Quand choisir un assemblage
Choisissez Côte à côte ou De haut en bas si les sources doivent rester entières, et Collage en grille à partir de trois images. Ces dispositions n’appliquent pas les positions, opacités, fusions ou filtres propres au mode Superposition. Les fichiers restent disponibles lors du changement.
Erreurs à éviter
Rendre l’image supérieure illisible
Petit ne signifie pas discret. Un logo minuscule peut devenir une tache après compression. Jugez-le à la taille normale d’affichage.
Masquer le sujet par accident
Éloignez le calque des visages, noms de produits, consignes et bords importants. L’opacité affine une bonne position, elle ne la remplace pas.
Aplatir trop tôt
Gardez les calques indépendants jusqu’à la fin. L’éditeur accepte jusqu’à cinq superpositions séparées et ne les aplatit qu’au téléchargement.
Attendre de la transparence d’un JPEG
JPEG ne contient pas de pixels transparents. Utilisez PNG, WebP transparent ou SVG pour une image aux contours invisibles.
Questions fréquentes
Comment appelle-t-on le fait de mettre une image sur une autre ?
On parle de superposition d’images ou de photos, de photomontage ou d’image dans l’image. « Fusion » est aussi employé, même si ce terme peut désigner un assemblage sans chevauchement.
Puis-je le faire sans Photoshop ?
Oui. Un éditeur de calques dans le navigateur fournit position, taille, opacité, fusion et export pour une composition statique, sans application de bureau.
L’image supérieure peut-elle être transparente ?
Oui. Utilisez PNG, WebP ou SVG transparent, ou réduisez l’opacité de tout calque sélectionné.
Comment placer l’image derrière un autre calque ?
Sélectionnez sa miniature et utilisez la commande de recul. L’image principale reste le fond et les calques ajoutés se réordonnent entre eux.
Combiner des images les envoie-t-il en ligne ?
OverlayImage.app traite les fichiers dans le navigateur actuel. Ils ne sont ni envoyés à un serveur de traitement ni stockés dans un projet cloud.
Mettez une image sur une autre maintenant, puis approfondissez avec le guide complet de superposition.