Text auf Foto schreiben
Text auf ein Foto schreiben: Foto hineinziehen, Text eintippen, an die richtige Stelle schieben – fertig. Mehrere Textfelder, gut lesbar dank Kontur oder Balken. Das Bild bleibt auf Ihrem Gerät.
Quelle: WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText). Stand: .
So wird gerechnet
Kurz gesagt: Mit diesem Werkzeug schreiben Sie Text direkt im Browser auf ein Foto – mit frei wählbarer Schrift, Farbe, Kontur, Schatten oder Hintergrundbalken. Das Ergebnis wird in der vollen Auflösung des Originals gespeichert, und das Foto verlässt Ihr Gerät dabei nicht.
So funktioniert's
- Foto hineinziehen, auswählen oder mit Strg + V einfügen.
- Text eintippen. Zeilenumbrüche setzen Sie mit der Eingabetaste; zu lange Zeilen bricht das Werkzeug bei 90 % der Bildbreite selbst um.
- Schrift, Größe und Farbe wählen. Für gute Lesbarkeit auf unruhigem Hintergrund eine Kontur oder einen Hintergrundbalken zuschalten.
- Den Text im Bild mit Maus oder Finger an die gewünschte Stelle ziehen. Mit „+ Textfeld“ kommen weitere Texte dazu, etwa oben und unten.
- „Foto speichern“ – als JPG, PNG oder WebP.
Hintergrund: Warum Kontur und Balken helfen
Weiße Schrift auf hellem Himmel oder schwarze Schrift auf dunklem Pullover ist schwer zu lesen. Die Web-Barrierefreiheitsrichtlinie WCAG 2.2 fordert für normalen Text ein Kontrastverhältnis von mindestens 4,5 : 1, für großen Text 3 : 1. Auf einem Foto wechselt der Hintergrund ständig – eine dunkle Kontur um helle Schrift oder ein halbtransparenter Balken sorgt dafür, dass der Kontrast überall hoch bleibt. Gezeichnet wird mit den Canvas-Funktionen strokeText und fillText aus dem HTML-Standard: zuerst die Kontur, dann die Füllung darüber.
Alle Schriften stehen unter der SIL Open Font License 1.1 und liegen auf diesem Server; sie werden erst geladen, wenn Sie sie auswählen. Größen sind relativ zur Bildbreite gespeichert – deshalb sieht das gespeicherte Foto genau aus wie die Vorschau, auch wenn es viel größer ist.
Ehrliche Grenzen
- Die Zusatzschriften enthalten lateinische Zeichen (auch Polnisch und Türkisch). Japanisch, Kyrillisch oder Emoji zeichnet der Browser mit einer Systemschrift.
- Es gibt keine Ebenen-Effekte wie Verlauf, Bogentext oder Sticker. Für Wasserzeichen über das ganze Bild eignet sich das Werkzeug „Wasserzeichen einfügen“ besser.
- JPG wird beim Speichern neu komprimiert, EXIF-Daten (Aufnahmeort, Kamera) werden nicht übernommen. Auf iPhone und iPad sind Bilder auf 16,7 Megapixel begrenzt.
Datenschutz
Foto und Text werden nur in Ihrem Browser verarbeitet und nicht hochgeladen. Der Text wird auch nicht gespeichert.
Häufige Fragen
Wie kann ich Text auf ein Foto schreiben?
Foto hier hineinziehen, Text eintippen, im Bild an die richtige Stelle ziehen und „Foto speichern“ klicken. Das geht am Handy wie am PC, ohne App und ohne Anmeldung.
Wie schreibe ich auf dem iPhone Text auf ein Foto?
Diese Seite in Safari öffnen, „Datei auswählen“ tippen und das Foto aus der Mediathek wählen. Nach dem Speichern landet das Bild über „Sichern“ bzw. „In Fotos speichern“ wieder in der Fotos-App. Alternativ bietet die Fotos-App unter „Bearbeiten → Markieren“ ein einfaches Textfeld.
Wie wird Text auf einem Foto gut lesbar?
Kontrast ist entscheidend: helle Schrift mit dunkler Kontur oder einen halbtransparenten Hintergrundbalken wählen. Große, kräftige Schriften wie Anton oder Bebas Neue lassen sich auch auf kleinen Handybildschirmen gut lesen.
Kann ich Text unter oder über ein Foto schreiben?
Ja. Mit „+ Textfeld“ legen Sie mehrere Texte an und platzieren sie mit „Oben“, „Mitte“ oder „Unten“ oder frei per Ziehen. Einen weißen Rand unter dem Bild erzeugt das Werkzeug nicht – der Text liegt immer auf dem Foto.
Wird die Bildqualität schlechter?
Das Foto wird in voller Auflösung gespeichert. Als PNG ohne Verlust, als JPG oder WebP mit einstellbarer Qualität; ab etwa 90 % ist kaum ein Unterschied sichtbar.
Darf ich die Schriften für Social Media oder Werbung nutzen?
Ja. Alle angebotenen Schriften stehen unter der SIL Open Font License und dürfen auch kommerziell genutzt werden. Für Bilder, die Sie mit ihnen erstellen, gelten keine Einschränkungen durch die Schriftlizenz.
Quellen und Rechtsgrundlagen
- WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText)
- W3C – WCAG 2.2, 1.4.3 Contrast (Minimum): 4.5:1, large text 3:1
- MDN – FontFace (CSS Font Loading API)
- SIL Open Font License 1.1 – official text
- Anton – SIL Open Font License 1.1 (Google Fonts, ofl/anton)
- Bebas Neue – SIL Open Font License 1.1 (Google Fonts, ofl/bebasneue)
- Bangers – SIL Open Font License 1.1 (Google Fonts, ofl/bangers)
- DM Serif Display – SIL Open Font License 1.1 (Google Fonts, ofl/dmserifdisplay)
- Pacifico – SIL Open Font License 1.1 (Google Fonts, ofl/pacifico)
- Caveat – SIL Open Font License 1.1 (Google Fonts, ofl/caveat)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Stand:
Passende Werkzeuge
- Wasserzeichen in Bilder einfügenWasserzeichen auf Fotos setzen: Text oder Logo, Deckkraft, Drehung, Position oder gekachelt. Bis zu 20 Bilder, ZIP-Download, kein Upload. Kostenlos.
- Foto online bearbeitenFotos im Browser bearbeiten: Helligkeit, Kontrast, Sättigung, Wärme, Filter wie Schwarzweiß oder Sepia, drehen und spiegeln. Kostenlos, in voller Auflösung.
- Bild zuschneidenBild online zuschneiden ohne Upload: Ausschnitt frei wählen, auf 1:1, 4:3, 16:9 oder 9:16 zuschneiden, Vorlagen für Instagram & YouTube. Kostenlos.
- Fotocollage erstellenFotocollage online erstellen: 2 bis 9 Bilder, 11 Layouts, Formate für Instagram, Story oder Abzug 10 × 15, Abstand und Rahmenfarbe wählbar. Ohne Upload.
- Sticker erstellen aus FotoFoto rein, Sticker raus: Hintergrund weg, weißer Rand, Text im Meme-Stil – fertig als WhatsApp-Sticker (512 px WebP) oder für Telegram. Ohne App, ohne Upload.
- Audio konvertieren: MP3, WAV, M4A oder OGGAudio konvertieren im Browser: MP3, WAV, M4A, OGG, FLAC oder den Ton eines Videos in MP3, WAV, M4A oder OGG umwandeln. Ohne Upload, mit Bitrate, kostenlos.