Tatouage d'image (watermark)

Qu’est-ce qu’un filigrane d’image ?#

Un filigrane appose une information identifiante — du texte, un logo ou un motif répété — sur une image afin que quiconque copie l’image copie aussi votre marque. On y recourt pour trois raisons : revendiquer la paternité sur des portfolios publics, dissuader la réutilisation non autorisée de bons à tirer clients, ou apposer un « BROUILLON » ou « CONFIDENTIEL » bien visible sur un document avant sa diffusion. Le faire correctement est moins trivial qu’il n’y paraît : la marque doit être lisible sans noyer le sujet, positionnée de façon prévisible et idéalement disposée en mosaïque diagonale afin de ne pas pouvoir être recadrée.

Cette page est un studio de filigranage complet qui s’exécute entièrement dans votre navigateur. Vous chargez une image, choisissez un filigrane texte ou logo, optez pour l’une des trois stratégies de placement (grille 9 coin/centre, pourcentage personnalisé ou mosaïque sur toute la surface), réglez l’opacité, l’angle, la couleur et la police, puis exportez le résultat en PNG, JPEG ou WebP. L’original est décodé localement et les pixels filigranés sont ré-encodés localement.

Comment l’utiliser#

1. Faites glisser une image sur la zone de dépôt en pointillés (ou cliquez dessus pour choisir un fichier).
2. En haut, choisissez le Filigrane :
   • Texte — saisissez la chaîne (le latin mélangé au CJK s’affiche correctement, car la pile de polices embarque une alternative CJK). Choisissez ensuite la Police (Sans / Serif / Mono / Cursive), faites glisser la Taille de police (8–400 px), choisissez une Couleur et cochez Gras si vous voulez du poids.
   • Image — cliquez sur Image du logo pour charger une seconde image ; elle est ajustée à un pourcentage de la largeur du canevas (1–100 %) tout en conservant son propre ratio d’aspect.
3. Choisissez le mode de Position :
   • Grille 9 — cliquez sur l’une des neuf cellules (haut-gauche, centre, bas-droit, etc.). Le filigrane est inset depuis le bord par une marge calculée comme 4 % du côté le plus court, et bridé pour ne jamais déborder du canevas même quand il est plus grand que la cellule.
   • Libre — deux curseurs règlent X % et Y %. Ils sont basés sur le déplacement : 0 % plaque la marque contre le bord gauche/haut, 100 % la plaque contre le bord droit/bas, donc 100 % ne la pousse jamais à moitié hors de l’image.
   • Mosaïque — le filigrane se répète sur toute l’image avec des curseurs Espacement X et Espacement Y (0–400 px). Quand vous ajoutez un Angle, la grille de mosaïque est disposée sur un carré de la taille de la diagonale du canevas et pivotée autour du centre, donc chaque coin reste couvert.
4. Réglez l’Opacité globale (0–100 %) et l’Angle (−180° à 180°) — l’angle s’applique à une seule marque en mode grille 9/libre et à tout le champ mosaïqué en mode mosaïque.
5. Choisissez le Format de sortie (PNG / JPEG / WebP) et, pour les formats avec perte, la Qualité (5–100).
6. Observez l’aperçu se mettre à jour en direct, puis cliquez sur Télécharger. Utilisez Réinitialiser pour ramener chaque curseur à sa valeur par défaut.

Caractéristiques principales#

• Trois vraies stratégies de placement, pas un simple bouton « centré ». La grille 9 pour les marques signature, le mode libre pour les décalages précis et la vraie mosaïque diagonale impossibles à recadrer.
• Mosaïque diagonale qui couvre réellement le canevas. Le champ de mosaïque est calculé sur un carré dimensionné selon la diagonale du canevas et pivoté autour du centre — la seule approche qui ne laisse aucun coin à nu.
• Polices compatibles CJK. Chaque préréglage de police embarque une alternative compatible CJK dans sa pile, donc un filigrane comme « Sample watermark 2026 » avec des caractères chinois s’affiche au lieu de montrer des carrés de substitution (tofu).
• Position libre basée sur le déplacement. 100 % signifie plaqué contre le bord opposé, et non « à moitié hors de l’image », donc le positionnement est prévisible au ressenti.
• Ajustement du logo qui respecte le ratio. Un logo est mis à l’échelle selon un pourcentage de la largeur du canevas et n’est jamais étiré, donc un badge circulaire reste circulaire.
• 100 % local. L’image source et le logo facultatif sont décodés et composés dans le navigateur. Rien n’est téléversé.

Exemple commenté#

Vous envoyez des bons à tirer clients et voulez un « PROOF » diagonal, discret et impossibles à recadrer sur chacun. Chargez une photo 1920×1280. Réglez le Filigrane sur Texte, saisissez PROOF, choisissez Sans, Taille de police 120, Couleur #ffffff, Gras activé. Passez la Position sur Mosaïque, réglez Espacement X et Espacement Y à environ 240, puis faites glisser l’Angle sur −30° et l’Opacité sur 25 %. L’aperçu montre le mot répété sur un quadrillage diagonal à travers tout le cadre, chaque copie étant assez discrète pour que le sujet reste parfaitement lisible. Exportez en JPEG à Qualité 85.

Pour une seule marque de marque en bas à droite sur la même photo, laissez plutôt la Position sur Grille 9, cliquez sur la cellule bas-droit, réglez l’Opacité 80 %, l’Angle 0°, et la marge se règle automatiquement à environ 51 px (4 % du côté court 1280). Le résultat est un badge propre posé confortablement dans le coin plutôt que collé au bord du pixel.

FAQ#

Mon filigrane en caractères chinois affiche des carris au lieu de caractères.#

Cela arrive quand l’environnement de rendu ne dispose d’aucun glyphe CJK. Les piles de polices de cet outil incluent toutes une alternative CJK (par exemple PingFang SC, Microsoft YaHei et Noto Sans CJK), donc sur tout système où l’une d’elles est installée, le texte s’affiche correctement. Sur un serveur dépouillé sans aucune police CJK installée, aucun outil de navigateur ne peut dessiner des caractères que le système d’exploitation ne possède pas.

Pourquoi 100 % en mode Libre ne pousse-t-il pas la marque hors du bord ?#

Parce que le pourcentage est mesuré par rapport au déplacement disponible — la largeur du canevas moins la largeur du filigrane — et non par rapport au canevas brut. Donc 0 % est plaqué à gauche, 100 % est plaqué à droite, et le filigrane reste toujours entièrement à l’écran quelle que soit sa taille.

La mosaïque laisse un coin à nu quand je la pivote.#

Assurez-vous d’utiliser le mode Mosaïque, et non le mode Libre avec plusieurs copies placées à la main. Le mode Mosaïque dispose la grille sur un carré de la taille de la diagonale du canevas et pivote ce carré autour du centre du canevas, ce qui est la seule géométrie garantissant une couverture complète à n’importe quel angle. Un motif diagonal placé à la main ne le peut pas.

Le filigranage dégrade-t-il la qualité de l’image ?#

La composition en elle-même non, mais le ré-encodage en JPEG ou WebP oui, contrôlé par le curseur Qualité. Si vous avez besoin d’un maître pixel-parfait, exportez en PNG (sans perte) ; pour des bons à tirer web, le JPEG à 85–92 est indiscernable à l’œil et bien plus léger.