Bearbeiten von Bildern in Ihrem Browser

Alles geschieht auf Ihrem Gerät

Die meisten Online-Bildbearbeitungsprogramme laden Ihr Bild auf einen Server hoch, verarbeiten es dort und senden ein Ergebnis zurück. Das bedeutet, dass sich eine Kopie Ihres Bildes auf dem Computer einer anderen Person befindet und deren Aufbewahrungsrichtlinien und Sicherheit unterliegt.

Dieser Editor funktioniert nicht so. Ihr Browser enthält bereits eine vollständige Bildpipeline: Er kann ein JPEG dekodieren, Ihnen die Pixel übergeben, Sie darauf zeichnen lassen und eine neue Datei kodieren. Dieses Tool ist eine Benutzeroberfläche über diese Pipeline. Das Bild wird von Ihrer Festplatte in den Speicher gelesen, im Speicher bearbeitet und auf Ihre Festplatte zurückgeschrieben.

Die praktische Konsequenz besteht darin, dass das Tool nach dem Laden offline arbeitet, keine Upload-Beschränkung über den Speicher Ihres Geräts hinaus hat und Ihr Bild nicht verlieren kann, da es nie übertragen wird. Unsere Testsuite umfasst eine Überprüfung, ob keine Quelldatei einen Netzwerkaufruf enthält, sodass der Anspruch durchgesetzt und nicht nur geltend gemacht wird.

Ausgangspunkt: eine leere Leinwand oder ein vorhandenes Bild

Wählen Sie eine Breite und Höhe für eine leere Leinwand oder öffnen Sie eine PNG-, JPEG- oder WebP-Datei auf Ihrem Gerät. Durch das Öffnen eines Bildes wird das aktuelle Dokument ersetzt. Exportieren Sie daher zunächst alles, was Sie behalten möchten.

Sehr große Bilder werden automatisch verkleinert und das Tool teilt Ihnen mit, wenn dies geschehen ist. Dies ist keine willkürliche Einschränkung. Ein Foto mit 50 Megapixeln benötigt etwa 200 MB als Rohpixel auf einer Leinwand, und eine zweite Kopie für die Ausgabe verdoppelt diese Zahl. Auf einem Telefon führt das Überschreiten des Grenzwerts nicht zu einem abfangbaren Fehler: Der Browser gibt eine leere Leinwand zurück oder das Betriebssystem beendet die Registerkarte. Das erste Verkleinern des Bildes ist der Unterschied zwischen einem funktionierenden Editor und einem Absturz.

Zeichnen und warum die Berührung hier richtig funktioniert

Die Pinsel-, Radiergummi-, Linien-, Rechteck-, Ellipsen- und Textwerkzeuge funktionieren alle auf die gleiche Weise mit einer Maus, einem Trackpad, einem Finger oder einem Stift, da der Editor auf einheitliche Zeigerereignisse reagiert und nicht auf separate Maus- und Touch-Handler.

Ein Detail macht das Touch-Zeichnen benutzerfreundlich und nicht frustrierend: Die Leinwand gibt an, dass sie ihre eigenen Gesten handhabt, sodass ein Finger, der darüber gezogen wird, zeichnet, anstatt die Seite zu scrollen. Editoren, die dies weglassen, sind auf einem Telefon nahezu unbrauchbar, da jeder Strich mit dem Browser um die Kontrolle kämpft. Die Seite scrollt überall außerhalb der Leinwand immer noch normal.

Zeigerereignisse treffen auch seltener ein, als der Bildschirm aktualisiert wird, sodass ein schneller Strich als eine Handvoll weit auseinander liegende Punkte gemeldet wird. Der Editor füllt die Lücken zwischen ihnen, weshalb eine schnelle Linie durchgezogen und nicht als Reihe von Punkten erscheint.

Rückgängig machen, und der Speicher, den es kostet

Jeder Strich, jede Form und jede Transformation ist ein Rückgängig-Schritt. Machen Sie Arbeiten über die Symbolleiste oder mit den üblichen Tastaturkürzeln rückgängig und wiederholen Sie sie.

Die Geschichte ist absichtlich begrenzt. Bei jedem Schritt bleibt eine Kopie der Pixel erhalten, die er geändert hat, und zwar bei einem großen Bild, das mehrere zehn Megabyte pro Schritt umfasst. Ein unbegrenzter Verlauf ist eine der schnellsten Möglichkeiten, den Speicher eines Telefons zu erschöpfen. Daher begrenzt dieser Editor den Verlauf sowohl nach der Anzahl der Schritte als auch nach ihrer Gesamtgröße, wobei der älteste zuerst verworfen wird. In der Statuszeile wird angezeigt, wie viel aktuell einbehalten wird.

Das ist ein bewusster Tausch: eine oberflächlichere Geschichte im Austausch für einen Redakteur, der nicht mitten in einer Sitzung stirbt.

Schichten, bewusst klein gehalten

Mit Ebenen können Sie eine Anmerkung vom darunter liegenden Foto getrennt halten, sodass Sie sie anpassen oder entfernen können, ohne die Originalpixel zu berühren. Sie können hinzufügen, auswählen, nach Position umbenennen, neu anordnen, ausblenden, die Deckkraft festlegen, zusammenführen und reduzieren.

Was sich hier befindet, ist ein kleines Rasterebenenmodell, und es bleibt hier absichtlich stehen. Mischmodi, Ebenenmasken, Gruppen, Einstellungsebenen und zerstörungsfreie Transformationen sind nicht implementiert. Diese Merkmale unterscheiden ein Skizzierwerkzeug von einem professionellen Komponisten, und eine halb funktionierende Version davon ist schlimmer als ihr ehrliches Fehlen. Auf der Seite „Einschränkungen“ wird genau aufgeführt, was fehlt.

Jede Ebene enthält eine Bitmap in voller Größe, sodass die Speicherkosten der Ebenen direkt proportional zu ihrer Anzahl sind. Die Obergrenze liegt bei zwölf.

Exportieren

PNG ist verlustfrei und behält die Transparenz: die richtige Wahl für Zeichnungen, Diagramme und Screenshots. JPEG ist für Fotos viel kleiner, kann jedoch keine Transparenz speichern und verliert bei jedem Speichern etwas an Qualität. WebP erledigt beide Aufgaben gut und erzeugt kleinere Dateien als JPEG bei vergleichbarer Qualität.

Wenn Ihr Bild transparente Bereiche hat und Sie JPEG wählen, warnt Sie der Editor vor dem Speichern und füllt die Transparenz mit Weiß, anstatt den Browser eine Farbe auswählen zu lassen, die manchmal Schwarz ist.

Die exportierte Datei wird auf der Seite erstellt und direkt in Ihrem Download-Ordner gespeichert.

Fragen

Einschränkungen

• Ebenen sind nur Rasterebenen: keine Mischmodi, Masken, Gruppen, Einstellungsebenen oder zerstörungsfreie Transformationen.
• Große Bilder werden verkleinert, um sie an die Leinwandgrenze des Geräts anzupassen, sodass der Editor nicht für die Arbeit an sehr großen Fotos in voller Auflösung geeignet ist.
• Der Rückgängig-Verlauf ist durch Größe und Schrittanzahl begrenzt, sodass bei einer langen Sitzung nicht jeder Schritt beibehalten wird.
• Zwischen den Sitzungen wird nichts gespeichert. Durch das Schließen der Registerkarte wird das Dokument verworfen.
• Keine RAW-, HEIC-, TIFF-, GIF- oder SVG-Unterstützung: Der Editor verarbeitet nur PNG, JPEG und WebP.
• Kein Farbmanagement. Bilder werden im Standardfarbraum des Browsers behandelt, sodass ein eingebettetes ICC-Profil möglicherweise nicht erhalten bleibt.