Bilder und Fotos · Browser-Bild- und Zeichnungseditor
Warum das Bearbeiten eines 12-Megapixel-Fotos in einem Browser etwa 48 MB benötigt
· Wie es funktioniert
Bildbearbeitung Leinwand Browser-Verarbeitung
Ein 3 MB JPEG wird in dem Moment, in dem es dekodiert wird, zu mehreren zehn Megabyte, da jedes Pixel vier Bytes im Speicher benötigt. Dieser Beitrag erklärt die Arithmetik, warum Browser-Tools durch den Speicher Ihres Geräts und nicht durch eine Upload-Obergrenze begrenzt werden und was zu tun ist, wenn eine Datei zu groß ist.
Das Foto öffnet sich langsam oder gar nicht – das Problem, das dazu führt, dass ein Browser-Editor bei einer großen Kameradatei blockiert
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Beginnen Sie mit dem Foto, das sich langsam oder gar nicht öffnet: Das ist das praktische Problem, das dazu führt, dass ein Browser-Editor bei einer großen Kameradatei blockiert. Für diese Speicherberechnung lautet die implementierte Regel, dass RGBA-Snapshot-Schätzungen vier Bytes pro Pixel verwenden, sodass zwölf Millionen Pixel 48,000,000 Bytes für eine Bitmap benötigen, bevor Kopien erstellt werden. Eingabedateien sind auf 40 MB begrenzt, während dekodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den nach dem Öffnen gemeldeten reduzierten Abmessungen. Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis gekürzt. Arbeitsflächen und Verlauf können Kopien hinzufügen, daher handelt es sich hierbei um eine Grundlinie und nicht um eine vollständige Zusage für den Tab-Speicher.
Dateigröße im Vergleich zur dekodierten Größe – warum die Komprimierung die Datei klein macht, der Editor jedoch an jedem unkomprimierten Pixel arbeiten muss
Komprimierte Megabyte lassen nicht auf einen dekodierten Bearbeitungsbedarf schließen. Trennen Sie die Dateigröße von der dekodierten Größe: Durch die Komprimierung wird JPEG auf der Festplatte klein, aber der Editor muss an jedem unkomprimierten Pixel arbeiten. Für diese Speicherberechnung lautet die implementierte Regel: Eingabedateien sind auf 40 MB begrenzt, während decodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind. Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis proportional reduziert.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. Beim Rückgängigmachen werden höchstens vierzig Schritte und etwa 96 MiB beibehalten, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann. Arbeitsflächen fügen Kopien hinzu, daher ist die Einzelbitmap-Abbildung nur eine Grundlinie.
Vier Bytes pro Pixel: Die Arithmetik – Breite × Höhe × RGBA ergibt 48 MB für 12 Megapixel und mehr für Arbeitskopien
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Die Schlüsselarithmetik beträgt vier Bytes pro Pixel: Breite multipliziert mit Höhe und RGBA ergibt 48 MB für zwölf Megapixel, vor allen Arbeitskopien. Für diese Speicherberechnung lautet die implementierte Regel: Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis proportional reduziert. Beim Rückgängigmachen werden höchstens vierzig Schritte und etwa 96 MiB beibehalten, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. RGBA-Snapshot-Schätzungen verwenden vier Bytes pro Pixel, sodass zwölf Millionen Pixel vor Arbeitskopien 48,000,000 Bytes erfordern. Arbeitsflächen und Verlauf fügen Kopien hinzu, daher ist die Einzelbitmap-Abbildung eine Basislinie.
Woher die Grenzen kommen – Obergrenzen für die Browser-Canvas-Abmessungen, Speicher pro Tab und der Unterschied zwischen einem Telefon und einem Desktop
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Die Grenzen ergeben sich aus mehreren Gründen: den Abmessungen der Browser-Leinwand, dem Speicher pro Tab und dem Unterschied zwischen einem Telefon und einem Desktop. Für diese Speicherberechnung lautet die implementierte Regel: „Rückgängig“ behält höchstens vierzig Schritte und ungefähr 96 MiB bei, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann. RGBA-Snapshot-Schätzungen verwenden vier Bytes pro Pixel, sodass zwölf Millionen Pixel 48,000,000 Bytes für eine Bitmap benötigen, bevor Kopien erstellt werden.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. Eingabedateien sind auf 40 MB begrenzt, während dekodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind. Arbeitsflächen und Verlauf fügen Kopien hinzu, daher ist die Einzelbitmap-Abbildung eine Basislinie.
Bei den implementierten Grenzwerten handelt es sich um Pixel- und Dimensionsbudgets, nicht um geschätzte Gesamtspeichermengen pro Tab
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Das lokale Modell bedeutet, dass der Gerätespeicher und kein serverseitiger Bildverarbeitungspool die praktische Obergrenze darstellt. Für diese Speicherberechnung lautet die implementierte Regel, dass RGBA-Snapshot-Schätzungen vier Bytes pro Pixel verwenden, sodass zwölf Millionen Pixel 48,000,000 Bytes für eine Bitmap benötigen, bevor Kopien erstellt werden. Eingabedateien sind auf 40 MB begrenzt, während dekodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis gekürzt. Arbeitsflächen und Verlauf fügen Kopien hinzu, daher ist dies eine Grundlinie.
Die Dateieingabe hat eine Validierungsobergrenze von 40 MB, auch wenn kein Bild-Upload erfolgt
Komprimierte Megabyte lassen nicht auf einen dekodierten Bearbeitungsbedarf schließen. Betrachten Sie ein 6000×4000 Foto: Eine vollständige RGBA-Kopie umfasst 96,000,000 Bytes vor der Geräteanpassung, dem Verlauf oder anderen Leinwänden. Für diese Speicherberechnung lautet die implementierte Regel: Eingabedateien sind auf 40 MB begrenzt, während decodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind. Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis proportional reduziert.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. Beim Rückgängigmachen werden höchstens vierzig Schritte und etwa 96 MiB beibehalten, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann. Arbeitsleinwände fügen Kopien hinzu, daher ist dies eine Grundlinie.
Arbeitsbeispiel: Eine 6000×4000-Quelle benötigt 96,000,000 Bytes pro RGBA-Kopie, bevor das Gerät angepasst wird
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Dies deckt nicht die genauen Grenzwerte pro Browser ab, die sich zwischen den Versionen ändern, oder das Speicherverhalten von RAW- und HDR-Formaten. Für diese Speicherberechnung lautet die implementierte Regel: Das Standardbudget beträgt 33,177,600 Pixel und der iOS-Pfad verwendet 16,777,216; Übergroße Quellen werden mit einem Hinweis proportional reduziert. Beim Rückgängigmachen werden höchstens vierzig Schritte und etwa 96 MiB beibehalten, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann.
Multiplizieren Sie die Breite mit der Höhe mit vier für eine RGBA-Kopie und vergleichen Sie dann die Quelle mit den reduzierten Abmessungen. RGBA-Snapshot-Schätzungen verwenden vier Bytes pro Pixel, sodass zwölf Millionen Pixel vor Arbeitskopien 48,000,000 Bytes erfordern. Arbeitsflächen und Verlauf fügen Kopien hinzu, daher ist dies eine Grundlinie.
Takeaway: Machen Sie sich mit der Arithmetik vertraut und bearbeiten Sie sie dann – wie der Browser Image & Drawing Editor große Dateien lokal verarbeitet und was zu tun ist, wenn ein Gerät knapp wird
Komprimierte Megabyte sagen keinen dekodierten Bearbeitungsbedarf voraus. Der Vorteil besteht darin, die Arithmetik vor der Bearbeitung zu kennen: Der Browser Image & Drawing Editor verarbeitet große Dateien lokal, aber ein Gerät kann trotzdem knapp werden. Für diese Speicherberechnung lautet die implementierte Regel: „Rückgängig“ behält höchstens vierzig Schritte und ungefähr 96 MiB bei, wobei die ältesten Einträge entfernt werden, während eine übergroße Aktion rückgängig gemacht werden kann. RGBA-Snapshot-Schätzungen verwenden vier Bytes pro Pixel, sodass zwölf Millionen Pixel 48,000,000 Bytes für eine Bitmap benötigen, bevor Kopien erstellt werden.
Für eine RGBA-Kopie Breite mit Höhe mit vier multiplizieren und dann die Quelle mit den reduzierten Abmessungen vergleichen. Eingabedateien sind auf 40 MB begrenzt, während dekodierte Abmessungen unabhängig voneinander auf 8,192 pro Seite und ein Gerätepixelbudget beschränkt sind. Arbeitsflächen und Verlauf fügen Kopien hinzu, daher ist dies eine Grundlinie.