AnTo – ANnotation TOol: Figur mit gelbem Hut und Regenjacke, die in die Ferne schaut

AnTo – Bilder beschriften, direkt im Browser

AnTo (ANnotation TOol) ist ein kleines, kostenloses Werkzeug, um Fotos, Screenshots, Pläne oder Skizzen schnell zu markieren und zu beschriften – ohne Bildbearbeitungsprogramm, ohne Ebenen-Gefrickel, ohne Anmeldung.

Pfeile, Linien, Kreise, Rechtecke, Ellipsen, Polygone, Freihand und Text direkt aufs Bild zeichnen – Farbe, Stärke, Linienstil und Füllung frei wählbar. Dazu Sprühdose und Verpixeln für Gesichter, Kennzeichen oder Namen.
Typische Einsätze: Schäden oder Mängel markieren, Anleitungen und Dokumentationen bebildern, Fehler in Screenshots zeigen, Maße und Hinweise in Grundrisse oder Fotos eintragen.
Ergebnis als JPEG speichern oder als Projekt sichern und später weiterbearbeiten.
Datenschutz: Alles läuft lokal im Browser. Bilder werden nicht hochgeladen und es wird nichts aus dem Netz nachgeladen. Gespeichert wird nur, was Sie selbst speichern – das fertige Bild als JPEG oder Texte, Markierungen usw. als Projektdatei, beides lokal auf Ihrem Gerät.

So geht's: Über Laden / Speichern → Bild laden ein Foto öffnen – oder gleich auf dem leeren Blatt losmalen.

anto.html — ANnotation TOol

Pfeile, Linien, Formen und Text direkt auf ein Bild zeichnen, ohne Ebenen-Gefrickel. Die Werkzeuge sind oben in vier Menüs sortiert.

✏️ Formen

Pfeil, Linie, Kreis, Rechteck, Ellipse, Freihand, Polygon, Text — Startpunkt (bzw. Mitte/Ecke) klicken und ziehen. Polygon: Punkte per Klickfolge setzen, mit „Fertig" oder Doppelklick/-Tipp abschließen (oder nah am Startpunkt klicken); „Abbrechen" verwirft die bisher gesetzten Punkte.

🪣 Eimer — findet automatisch den kleinsten, von durchgehenden Linien umschlossenen Bereich um den Klickpunkt und füllt genau diesen. „Toleranz" (im Menü „Stil") steuert, wie ähnlich Randfarben noch als „gleich" gelten.

💨 Sprühen — wie eine Sprühdose: gedrückt halten und über das Bild ziehen. „Sprühradius" und „Dichte" (im Menü „Stil") bestimmen Breite und Deckung; ein einzelner Klick ergibt einen Sprühstoß.

▦ Verpixeln — Rechteck aufziehen: alles darunter (Bild und vorher gezeichnete Objekte) wird verpixelt, z.B. Gesichter, Kennzeichen oder Namen. „Pixelgröße" (im Menü „Stil") bestimmt die Blockgröße; je größer, desto unkenntlicher.

✎ Bearbeiten

🖱 Element auswählen — Objekt anklicken und ziehen, um es zu verschieben. An einem blauen Punkt ziehen ändert Form/Winkel/Radius. Doppelklick/-Tipp auf Text öffnet die Bearbeitung von Inhalt, Größe, Richtung und Farbe. Entf-Taste oder „Ausgewähltes löschen" entfernt das markierte Objekt.

⛶ Alle verschieben — zieht sämtliche vorhandenen Objekte gemeinsam, ohne ihre Position zueinander zu verändern.

Maßstab — skaliert nur die vorhandenen Objekte (z.B. wenn du dieselben Markierungen auf ein anders aufgelöstes Bild übertragen willst).

Bildgröße — vergrößert/verkleinert das geladene Bild selbst um den angegebenen Prozentsatz und skaliert alle Objekte automatisch mit, damit sie ausgerichtet bleiben.

Rückgängig / Ausgewähltes löschen / Alles löschen — wie erwartet.

🎨 Stil

Farbe / Stärke / Linienstil — für neue und (bei „Element auswählen" markierte) Objekte.

füllen / Füllfarbe / Deckkraft — Flächenfüllung für Kreis, Rechteck, Ellipse, Polygon und Freihand.

Toleranz — nur für den 🪣 Eimer.

Sprühradius / Dichte — für 💨 Sprühen; Pixelgröße — für ▦ Verpixeln. Beides auch nachträglich für ein markiertes Objekt änderbar.

Textgröße / Richtung — Schriftgröße und Rotation, auch numerisch eingebbar, auch nachträglich für ausgewählten Text änderbar.

💾 Laden / Speichern

🖼 Bild laden — ersetzt das aktuelle Bild (JPEG/PNG); vorhandene Objekte werden dabei entfernt.

Vermerk einblenden — blendet einen frei editierbaren Text unten rechts im Bild ein (z.B. Bearbeitungshinweis).

Dateiname — Basisname für beide Exporte.

Als JPEG speichern — flaches Endbild zum Weitergeben/Ausdrucken.

Projekt speichern/laden — sichert alle Objekte, das Bild (Name) und Einstellungen als Datei, um später weiterzubearbeiten; die Objekte bleiben danach wieder einzeln verschieb- und editierbar.