Browser-Bild- und Zeichnungseditor

Wofür dieser Editor gedacht ist

Dies ist ein kleiner Bildeditor für Aufgaben, die andere Arbeiten unterbrechen: einen Screenshot zuschneiden, den wichtigen Teil einkreisen, eine Adresse ausblenden, eine Bildunterschrift hinzufügen, ein seitlich herausgekommenes Foto drehen, es dann speichern und mit dem Tag fortfahren.

Es öffnet PNG-, JPEG- und WebP-Dateien bis zu 40 MB und exportiert PNG, JPEG oder WebP. PNG ist verlustfrei und behält die Transparenz; JPEG ist für Fotos kleiner und füllt transparente Bereiche mit der Hintergrundfarbe; WebP macht beides.

Das Bild wird auf dieser Seite dekodiert und bearbeitet. Es wird nicht hochgeladen und das Tool stellt während der Arbeit keine Netzwerkanfrage. Durch das Schließen der Registerkarte werden sowohl das Bild als auch der Rückgängig-Verlauf verworfen, da nirgendwo etwas gespeichert wird.

Die Werkzeuge und was jedes einzelne tut

Sechs Zeichenwerkzeuge, die ausgewählt wurden, weil sie Anmerkungen abdecken und nicht, weil eine längere Liste beeindruckend aussieht.

1. Pinsel – ein Freihandstrich mit der von Ihnen gewählten Farbe, Breite und Deckkraft.
2. Radiergummi: Entfernt Pixel aus der aktiven Ebene und hinterlässt Transparenz statt Weiß.
3. Linie – eine gerade Linie; Halten Sie die Umschalttaste gedrückt, um den Winkel einzuschränken.
4. Rechteck – umrandet oder gefüllt; Halten Sie die Umschalttaste gedrückt, um ein Quadrat zu erstellen.
5. Ellipse – umrissen oder ausgefüllt; Halten Sie die Umschalttaste gedrückt, um einen Kreis zu bilden.
6. Text – eine Beschriftung in Sans-, Serifen- oder Monospace-Schrift in der von Ihnen gewählten Größe.

Das Bild selbst verändern

Zuschneiden ist ein Ziehen auf der Leinwand, gefolgt von einem expliziten Anwenden, sodass ein versehentliches Ziehen niemals etwas zerstört. Die Größenänderung erfordert explizite Pixelabmessungen. Drehen dreht das gesamte Dokument um 90 Grad in beide Richtungen und spiegelt es horizontal oder vertikal.

Bei jedem dieser Schritte handelt es sich um einen Rückgängig-Schritt, der das gesamte Dokument abdeckt, da die Umkehrung nicht aus ein paar geänderten Pixeln rekonstruiert werden kann. Beim Zeichnen von Strichen handelt es sich um einen Rückgängig-Schritt pro Geste und nicht pro Zeigerprobe. Machen Sie also Bewegungen mit der Geschwindigkeit rückgängig, mit der Sie tatsächlich gearbeitet haben.

Der Rückgängig-Verlauf ist sowohl durch die Tiefe als auch durch die beibehaltenen Bytes begrenzt. Das ist eine bewusste Einschränkung: Ein unbegrenzter Verlauf von Bitmaps in voller Größe führt dazu, dass einem Browser-Tab auf einem Telefon der Speicher ausgeht.

Schichten, bewusst schlicht gehalten

Sie können bis zu zwölf Ebenen stapeln, sie neu anordnen, ausblenden, die Deckkraft pro Ebene festlegen und eine Ebene mit der darunter liegenden Ebene zusammenführen. Anmerkungen bleiben daher vom Foto getrennt, bis Sie sich anders entscheiden.

Ebenen sind hier einfache Rasterbitmaps. Mischmodi, Masken, Einstellungsebenen und Gruppen sind nicht implementiert, und das ist eine Bereichsentscheidung und keine Lücke, die darauf wartet, gefüllt zu werden – jeder einzelne vervielfacht den Speicherbedarf, den ein Dokument benötigt, und die Anzahl der Überraschungen, die ein Export Ihnen bieten kann.

Arbeiten an einem Telefon

Beim Zeichnen werden Zeigerereignisse verwendet, sodass sich ein Finger, ein Stift, ein Trackpad und eine Maus alle auf die gleiche Weise verhalten und die Leinwand nicht gegen die eigenen Scrollgesten des Browsers ankämpft.

Große Bilder werden beim Öffnen auf ein Pixelbudget herunterskaliert, und Sie werden darüber informiert, wenn das passiert, anstatt sich zu fragen, warum der Export kleiner als das Original ist. Dieses Budget verhindert, dass ein 40-Megapixel-Foto den Tab zum Absturz bringt.

Was es nicht tun wird

Dies ist kein Ersatz für einen vollständigen Bildeditor und es lohnt sich, die Grenzen zu kennen, bevor Sie beginnen.

1. Keine RAW-, HEIC-, TIFF-, GIF- oder SVG-Eingabe; Nur PNG, JPEG und WebP.
2. Keine Mischmodi, Masken, Einstellungsebenen oder Ebenengruppen.
3. Keine inhaltsbezogene Füllung, kein Reparaturpinsel, kein Klonstempel oder keine Hintergrundentfernung.
4. Keine Vektorformen: Alles wird in Pixel umgewandelt, wenn Sie den Mauszeiger loslassen.
5. Zwischen Besuchen wird nichts gespeichert. Exportieren Sie daher, bevor Sie die Registerkarte schließen.