Skip to main content

Image Watermark

Add customizable text watermarks with controls for size, color, opacity, and position.

Geprüft von · Zuletzt geprüft

💧

Drop an image here or click to upload

Add a text watermark to your image

So verwendest du das Wasserzeichen-Tool

  1. Lade das Bild hoch, das du signieren oder branden möchtest. Die Datei wird lokal gelesen und über createImageBitmap dekodiert, bevor sie auf eine Canvas gezeichnet wird.
  2. Tippe deinen Wasserzeichen-Text in das Eingabefeld - deinen Namen, einen Copyright-Hinweis wie "(c) 2026 Studio Name", eine URL oder einen Hashtag.
  3. Stelle Typografie ein: Schriftgröße von 8 bis 200 Pixeln und ein Farbwähler, der Hex-Werte akzeptiert. Weiß oder Schwarz sind die sicheren Wahlen, die auf jedem Hintergrund lesbar sind.
  4. Wähle die Deckkraft zwischen 1% und 100%. Dreißig bis fünfzig Prozent ist die Branchennorm - sichtbar, aber nicht ablenkend. Höhere Werte lesen als "Ich möchte wirklich nicht, dass das wiederverwendet wird."
  5. Wähle eine Position aus dem Fünf-Zellen-Raster: vier Ecken oder Mitte. Eckenplatzierung ist leicht zuzuschneiden, aber hält das Bild sauber; Mittenplatzierung sitzt über dem Motiv und ist viel schwerer zu entfernen.
  6. Klicke auf "Wasserzeichen anwenden", um das Komposit zu rendern und das PNG herunterzuladen.

Was das Tool intern macht

Wasserzeichen ist eine Kompositions-Operation: zwei Ebenen (das Foto und der Text) werden auf eine einzelne Canvas abgeflacht. Wir zeichnen zuerst das Quellbild mit ctx.drawImage(img, 0, 0), dann wechseln wir zum Text-Rendering: ctx.font = size + "px sans-serif", ctx.fillStyle aus dem Farbwähler gesetzt, mit dem Alpha-Kanal, der vom Deckkraft-Schieberegler gesteuert wird (z.B. rgba(255,255,255,0.4)), und ctx.textBaseline und ctx.textAlign ausgewählt, um der Positions-Voreinstellung zu entsprechen. Ein einzelner ctx.fillText-Aufruf brennt den Text in das Pixelraster ein.

Die Canvas-Text-API ist im Vergleich zu einer vollständigen Satzsetzungs-Engine begrenzt - kein Zeilenumbruch, kein Buchstabenabstand, keine variablen Schriftarten - aber sie ist schnell und verwendet das native Schriftart-Rendering des Betriebssystems, sodass dein Wasserzeichen auf jedem Gerät scharf aussieht. Sobald der Text gezeichnet ist, wird das gesamte Komposit durch canvas.toBlob("image/png") exportiert. Die Ausgabe ist ein abgeflachtes Raster; es gibt keine Möglichkeit, das Wasserzeichen danach ohne ausgefeiltes Inpainting zu entfernen, weil es auf derselben Ebene wie die originalen Pixel liegt.

Wann Wasserzeichen sich lohnen

  • Fotografen, die Portfolio-Vorschauen in sozialen Medien teilen und möchten, dass gelegentliche Reposts sie noch zuschreiben.
  • Designer, die Mockups in einem Client-Genehmigungstool posten, bevor die endgültigen Assets bezahlt sind.
  • Künstler, die Konzeptskizzen auf Twitter/X oder ArtStation hochladen, um nachgezeichnete und weiterverkaufte Kopien zu entmutigen.
  • Makler, die gebrandete Fotos auf einer Listing-Aggregator-Website platzieren, wo Scraper-Bots sie anderswo weiterverbreiten werden.
  • Illustratoren, die in Auftrag gegebene Stücke mit Wasserzeichen versehen, bevor der Client die Schlussrechnung bezahlt hat.
  • Nachrichtenfotografen, die Wire-Service-Einreichungen mit einer klaren Attribution für die Sekundärnutzung kennzeichnen.

Häufige Wasserzeichen-Fehler

  • Eckenplatzierung ist trivial wegzuschneiden. Wenn Schutz wichtig ist, platziere das Wasserzeichen über dem Motiv, wo das Wegschneiden das Bild zerstört. Mitte mit 40% Deckkraft ist der klassische Kompromiss.
  • Dunkler Text auf dunklen Bildern verschwindet. Prüfe immer in voller Größe in der Vorschau, bevor du davon ausgehst, dass das Wasserzeichen sichtbar ist. Eine Farbe mit einem subtilen Schlagschatten wäre robuster, aber dieses Tool hält es mit flacher Farbe einfach.
  • Vollopaker weißer Text überwältigt das Foto. 100% Deckkraft ist für eine fette Aussage in Ordnung, aber für ein gebrandetes Portfolio-Foto schaut das Publikum tatsächlich das Foto an, nicht dein Logo.
  • Wasserzeichen verhindern keinen Diebstahl. Ein motivierter Reposter verwendet inhaltsbasiertes Inpainting (Photoshops Generative Fill, den Samsung Gallery "Eraser" oder Open-Source LaMa) und entfernt die meisten Wasserzeichen in unter einer Minute. Wasserzeichen sind sozialer Druck, kein Schutz.
  • Schriftart an Marke anzupassen ist eingeschränkt. Canvas rendert nur lokal installierte Schriftarten, daher ist eine benutzerdefinierte Marken-Schriftart auf einem Telefon möglicherweise nicht auf dem Gerät verfügbar, das den mit Wasserzeichen versehenen Export betrachtet. Falle auf eine weit verfügbare Familie zurück wie Arial, Helvetica oder system-ui.

Eine kurze Geschichte der Wasserzeichen

Der Begriff kommt von einem Papiermacher-Trick aus dem 13. Jahrhundert in Italien: Ein Drahtmuster in der Form ließ einen leicht dünneren Papierbereich zurück, der ein Design zeigte, wenn es gegen das Licht gehalten wurde. Das moderne digitale Wasserzeichen ist sowohl sichtbar (was dieses Tool produziert) als auch unsichtbar - steganografische Methoden wie LSB-Kodierung, DCT-Domänen-Wasserzeichen und Spreizspektrum-Techniken verstecken die Signatur in Pixelwerten, wo menschliche Augen sie nicht bemerken. Sichtbare Wasserzeichen laufen auf der Logik der Abschreckung: Sie stoppen einen technischen Angreifer nicht, sie erhöhen den Aufwand über den Punkt hinaus, wo gelegentliche Reposter sich die Mühe machen. Unter der Berner Übereinkunft besteht das Urheberrecht automatisch, wenn ein Werk erstellt wird - kein Wasserzeichen ist für rechtlichen Schutz erforderlich - aber sichtbare Attribution macht Verletzung schwerer zu leugnen und leichter zu verfolgen.

Browser-Wasserzeichen vs. dedizierte Tools

Für Einzel-Foto-Wasserzeichen ist ein Browser-Tool perfekt: ein Upload, ein Download, kein Konto. Für Batch-Workflows - 200 Portfolio-Bilder auf einmal - gewinnt ein CLI: magick mogrify -gravity SouthEast -pointsize 40 -fill "rgba(255,255,255,0.5)" -annotate +20+20 "copyright 2026" *.jpg versieht den gesamten Ordner in Sekunden mit Wasserzeichen. Photoshop und Lightroom unterstützen Wasserzeichen-Voreinstellungen über eine Export-Warteschlange, was der Standard-Workflow des Fotografen ist. Für Logo-(Bild-)Wasserzeichen anstelle von Text sind Photopea oder Affinity Photo die kostenlosen und kostenpflichtigen browserbasierten Optionen. Dieses Tool ist absichtlich nur Text, um die Benutzeroberfläche schnell zu halten; wenn du ein PNG-Logo-Wasserzeichen mit einer benutzerdefinierten Transparenzmaske benötigst, starte in Photopea. Für maximale steganografische Robustheit (Überleben von JPEG-Rekomprimierung und Zuschnitten) sind unsichtbare Wasserzeichen-Dienste wie Digimarc die industriequalitäts-Option und kosten Geld, was wahrscheinlich in Ordnung ist, wenn du von deinen Bildern lebst.

Häufig gestellte Fragen

Verhindert ein Wasserzeichen wirklich, dass jemand mein Bild stiehlt?

Nein. Es erhöht den Aufwand, und gelegentliche Reposter wenden sich einem einfacheren Ziel zu, aber jeder motivierte Dieb kann ein Wasserzeichen mit inhaltsbasiertem Inpainting in wenigen Minuten entfernen. Denke an Wasserzeichen als sozialen Beweis und Abschreckung, nicht als Kopierschutz. Rechtlicher Schutz kommt vom Urheberrecht, nicht von einer PNG-Überlagerung.

Welche Deckkraft sollte ich für das beste Gleichgewicht aus Sichtbarkeit und Ästhetik verwenden?

Für Portfolio- und Werbezwecke liest eine Deckkraft von 30% bis 40% klar, ohne das Bild zu dominieren. Für starke Attribution (Vertragsmockups, Vorher-Bezahlung-Vorschauen) verwende 60% bis 70%. Für reine ästhetische Signierung (wie der Name eines Fotografen in der Ecke) reichen oft 20%, weil das Auge die wiederholte Marke über einen Feed hinweg bemerkt, selbst wenn jede Instanz subtil ist.

Warum ist mein Wasserzeichen bei großen Schriftgrößen unscharf?

Die Canvas-Text-API rendert mit einer festen Auflösung, und wenn du eine Schriftgröße von 200 px setzt, aber das zugrunde liegende Bild nur 800 px breit ist, fressen die Zeichen fast ein Viertel der Breite. Die Lösung ist, eine Schriftgröße proportional zu den Bildabmessungen zu verwenden - etwa 3-5% der Bildbreite sieht normalerweise korrekt aus. Prüfe auch, ob der Browser die Anzeige hochskaliert; die rohen Pixeldaten im Export sind noch scharf.

Kann ich meine eigene benutzerdefinierte Marken-Schriftart verwenden?

Das Wasserzeichen rendert in der Sans-Serif-Schriftart, die dein Betriebssystem standardmäßig bereitstellt. Benutzerdefinierte Schriftarten würden das Einbetten einer Web-Schriftart via <code>@font-face</code> erfordern und die Canvas dazu veranlassen, sie zu verwenden, was die aktuelle Oberfläche nicht bietet. Für ein Marken-Schriftart-Wasserzeichen verwende Photopea oder Photoshop, wo du jede OTF/TTF-Datei installieren kannst.

Verlässt mein Bild den Browser während des Hinzufügens eines Wasserzeichens?

Nein. Das Quellbild wird lokal dekodiert, mit der Textebene innerhalb eines Canvas-Elements zusammengesetzt und durch <code>canvas.toBlob</code> exportiert. Keine Netzwerkanfrage überträgt Bild-Bytes, und der Wasserzeichen-Text selbst wird in ein lokales Formulareingabefeld getippt, das nirgends übermittelt wird. Du kannst dies in DevTools überprüfen - der Netzwerk-Panel bleibt leer.

Kann ich ein Logo oder Bild als Wasserzeichen statt Text hinzufügen?

Nicht mit diesem Tool, das aus Gründen der Einfachheit absichtlich nur Text unterstützt. Für ein Logo-Wasserzeichen verwende Photopea (kostenlos, browserbasiert), das Ebenen-Mischmodi, Deckkraft pro Ebene und die Positionierung eines importierten PNG unterstützt. ImageMagick auf der Kommandozeile kann ein PNG-Logo mit <code>magick input.jpg logo.png -geometry +20+20 -composite output.jpg</code> zusammensetzen.

Was passiert mit dem Wasserzeichen, wenn ich die Ausgabe später als JPEG komprimiere?

Das Wasserzeichen ist in die Pixeldaten eingebrannt, daher behandelt JPEG-Komprimierung es wie jeden anderen Bildinhalt. Sehr aggressive JPEG-Komprimierung kann sichtbare Halo-Artefakte um den Wasserzeichen-Text einführen, wegen seiner scharfen Kanten, was ein Grund ist, warum dieses Tool als PNG exportiert. Für Web-Nutzung komprimiere das mit Wasserzeichen versehene PNG danach durch unseren Bild-Kompressor mit 80% oder höherer Qualität.

Kann ich dasselbe Wasserzeichen in einem Durchlauf auf viele Bilder setzen?

Nicht in dieser Einzeldatei-Schnittstelle. Für Batch-Wasserzeichen ist ein CLI das richtige Tool: <code>magick mogrify -gravity SouthEast -pointsize 30 -fill "rgba(255,255,255,0.5)" -annotate +20+20 "Dein Name" *.jpg</code> verarbeitet einen ganzen Ordner auf einmal. Lightroom und Capture One unterstützen auch Wasserzeichen-Voreinstellungen über eine Export-Warteschlange.

Was hat die Berner Übereinkunft mit Wasserzeichen zu tun?

Unter der Berner Übereinkunft ist der Urheberrechtsschutz automatisch in dem Moment, in dem du ein Werk erstellst - kein Wasserzeichen, keine Registrierung oder Hinweis ist rechtlich erforderlich. Ein sichtbares Wasserzeichen schafft kein Urheberrecht; es macht den Autor nur offensichtlich und stärkt jeden zukünftigen Anspruch auf Verletzung, indem die Herkunft bewiesen wird. Für registriertes Urheberrecht (erforderlich, um Schadensersatz in einigen Rechtsgebieten zu klagen) musst du immer noch bei deinem nationalen Urheberrechtsamt einreichen.

Warum sieht mein Wasserzeichen auf einem Retina-Display pixelig aus?

Die Canvas rendert mit der nativen Pixelauflösung des Bildes, die möglicherweise niedriger ist als das High-DPI-Display, auf dem sie betrachtet wird. Browser skalieren dann die gerenderte Canvas hoch, um die physischen Pixel zu füllen, was eine leichte Weichheit einführen kann. Das exportierte PNG selbst ist bei der Quellauflösung scharf; die Weichheit, die du siehst, ist nur in der Vorschau. Wenn du ein schärferes Wasserzeichen für ein Retina-Ziel benötigst, verwende ein größeres Quellbild.

Mehr Image Tools