OnlineFreeTools.org
  • Accueil
  • Image editing tools
    • Filigrane texte — dans le navigateur
    • Extraire les couleurs — palette et pipette au clic
    • Retourner une image — miroir H/V
    • Bordure d’image — couleur et épaisseur
    • Compresser une image — côté max, qualité et taille cible (local)
    • Recadrer et redimensionner une image — en local
    • Voir et supprimer l’EXIF des photos — GPS, appareil, en local
    • Convertisseur de formats d'image — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Niveaux de gris — conversion locale
    • Fusionner des images — créez un collage en une photo
    • Optimiser une image — WebP, AVIF et MozJPEG en local
    • Superposer des images — placez un logo sur une photo
    • Image ↔ Base64 — encoder et décoder
    • Images en GIF — courte animation
    • Images en PDF — une page par photo
    • Images vers PowerPoint — une diapo par photo
    • Images vers Word — DOCX local
  • Outils de design
    • Pack de jetons couleur de marque — échelle HEX HSL OKLCH
    • Vérificateur de contraste WCAG — ratio AA/AAA
  • Developer tools
    • Ajouter WWW au DNS — A/CNAME et guides
    • Convertisseur CSV ↔ JSON — types, séparateur, local
    • Encoder et décoder les entités HTML — local
    • IndexNow — soumettre des URL à Bing, vérifier la clé et les codes
    • Quelle est mon adresse IP — IP publique (IPv4/IPv6)
    • Validateur JSON Schema — Chemins draft-07 et local
    • Markdown vers HTML assaini — et retour Markdown
    • Compare Two Texts Online — Text Diff Checker
    • Vérifier les en-têtes HTTP d'un site — Inspecter les response headers
    • YAML vers JSON — et retour YAML (types, multi-doc)
  • Calculators
    • Calculateur d'IMC — Comment calculer l'indice de masse corporelle
    • Calculateur de gradient — ∇f multivariable (dérivées partielles)
    • Calculateur de revenu marginal — Formule ΔRT / ΔQ
    • Calculateur de variation en % — De l’ancienne à la nouvelle valeur
    • Calculateur de ROI — Calculer le retour sur investissement
    • Pieds carrés en m² — Conversion pour logement et rénovation
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Outils

Filigrane texte — dans le navigateurAjouter WWW au DNS — A/CNAME et guidesPack de jetons couleur de marque — échelle HEX HSL OKLCHExtraire les couleurs — palette et pipette au clicConvertisseur CSV ↔ JSON — types, séparateur, localRetourner une image — miroir H/VCalculateur d'IMC — Comment calculer l'indice de masse corporelleCalculateur de gradient — ∇f multivariable (dérivées partielles)Calculateur de revenu marginal — Formule ΔRT / ΔQCalculateur de variation en % — De l’ancienne à la nouvelle valeurCalculateur de ROI — Calculer le retour sur investissementEncoder et décoder les entités HTML — localBordure d’image — couleur et épaisseurCompresser une image — côté max, qualité et taille cible (local)Recadrer et redimensionner une image — en localVoir et supprimer l’EXIF des photos — GPS, appareil, en localConvertisseur de formats d'image — PNG JPEG WebP AVIF BMP GIF ICO SVGNiveaux de gris — conversion localeFusionner des images — créez un collage en une photoOptimiser une image — WebP, AVIF et MozJPEG en localSuperposer des images — placez un logo sur une photoImage ↔ Base64 — encoder et décoderImages en GIF — courte animationImages en PDF — une page par photoImages vers PowerPoint — une diapo par photoImages vers Word — DOCX localIndexNow — soumettre des URL à Bing, vérifier la clé et les codesQuelle est mon adresse IP — IP publique (IPv4/IPv6)Validateur JSON Schema — Chemins draft-07 et localMarkdown vers HTML assaini — et retour MarkdownPieds carrés en m² — Conversion pour logement et rénovationCompare Two Texts Online — Text Diff CheckerVérificateur de contraste WCAG — ratio AA/AAAVérifier les en-têtes HTTP d'un site — Inspecter les response headersYAML vers JSON — et retour YAML (types, multi-doc)

Superposer des images — placez un logo sur une photo

80%
Position rapide
0.90

Placez un logo ou filigrane PNG sur une photo de base dans le navigateur — pas de texte tapé, pas d’assembler plusieurs photos comme un collage. Étapes : choisissez base + calque, réglez opacité et échelle, positionnez en glissant ou avec x/y, choisissez un mode de fusion, superposez et téléchargez JPEG/WebP/PNG. Exemple : photo d’exemple + LOGO semi-transparent en bas à droite à 75 % → PNG — tout reste sur l’appareil.

Comment ça marche

Ajoutez une photo de base et une seconde image (logo, badge ou PNG transparent). Réglez opacité, échelle et position — glissez sur l’aperçu ou saisissez x/y en pixels de la base. Choisissez fusion, format et fond JPEG, superposez et téléchargez. Tout en local.

Règles de dessin

Le canevas de sortie correspond aux pixels naturels de la base. Le calque est dessiné avec ancrage haut-gauche en (x, y) après mise à l’échelle.

  • Largeur × hauteur du canevas = dimensions naturelles de la base ; la base est dessinée en (0, 0).
  • Taille du calque = largeur × hauteur naturelle × (échelle% ÷ 100) ; position en pixels base, ancrage haut-gauche.
  • globalAlpha = opacité ÷ 100 ; globalCompositeOperation = fusion choisie ; réinitialisation après le calque.
  • JPEG : remplissage du fond choisi avant base et calque. PNG/WebP conservent l’alpha là où il existe.

Exemple

Chargez l’exemple : base dégradée + LOGO semi-transparent en bas à droite à 75 %, fusion Normal. Superposez, gardez PNG, téléchargez. Glissez sur l’aperçu ; testez Produit sur un logo clair.

Cas d’usage

  • Marque : logo sur photos produit ou bannières sociales sans ouvrir un logiciel lourd.
  • Badges de coin : étiquette « NOUVEAU » avec opacité et grille neuf cases.
  • Textures : calque niveaux de gris avec Produit ou Écran pour teinter ou adoucir le fond.

Frequently asked questions

Mes images sont-elles envoyées ?

Non. Décodage, composition et export dans le navigateur. Onglet Réseau : pas de POST.

Différence avec fusionner des images ?

Fusionner assemble plusieurs photos en horizontal, vertical ou grille. Superposer garde une base et peint une couche avec opacité, position et fusion.

Que font les modes de fusion ?

Règles Canvas : Normal empile ; Produit assombrit ; Écran éclaircit ; Superposition renforce le contraste ; Obscurcir/Éclaircir prennent min/max par canal.

Pourquoi une couleur de fond JPEG ?

Le JPEG n’a pas de transparence. Avant export, le canevas est rempli pour éviter des zones noires.

Texte filigrane ici ?

Cette page superpose uniquement des fichiers image. Pour du texte, utilisez l’outil filigrane texte.

Related tools

  • Fusionner des images — créez un collage en une photo
  • Filigrane texte — dans le navigateur
  • Recadrer et redimensionner une image — en local

Partager cet outil

Partagez sur les réseaux, copiez le lien ou utilisez le partage du système.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/fr/tools/image-overlay

Questions ou retours

Quelque chose n’est pas clair, cassé ou manquant ? Rédigez un message ci-dessous — nous lisons chaque note.

E-mail: dailyonetools@outlook.com

References

  • MDN — globalCompositeOperation
  • MDN — globalAlpha
  • MDN — CanvasRenderingContext2D.drawImage()
OnlineFreeTools.org · Projet d'apprentissage · En cours d'itération
À propos·Journaux de développement·Confidentialité·Conditions·Contact