Image uploads for mobile web
summary
Describes a mobile web solution for client-side image handling in a review-upload flow using Web Workers, OffscreenCanvas and transferable objects to offload EXIF orientation correction, Hermite resampling and thumbnail generation from the main thread. Also covers using WebAssembly to encode images to WebP to reduce upload payloads and keep UI performance when up to five images are uploaded.
AI-written summary · about
chapters (19)
- 0:00Intro
- 0:51introduction.
- 1:37requirements..
- 2:25validate the file.
- 2:42handle orientation.
- 4:58example.
- 7:21existing solutions.
- 8:11extracting orientation
- 10:47worker maintenance cost.
- 13:44definition.
- 14:51performance win.
- 16:03resize the image.
- 16:38resampling.
- 17:31resize + resample flow. .
- 18:53sample.
- 19:26demo.
- 20:17summing it up.
- 21:40the what
- 22:21design.
related talks
45mThe image problem of the web and how to solve it…
21mOn the fly WebP decoding with Web Assembly and Service Workers (Main Stage)
24mWeb Workers - Little Minions At Work for Optimizing Performance
27mService Workers + WebAssembly
06mOvercoming the Challenges of Image Delivery
38mImproving Media Content Performance with Service Workers
25mProgressive Image Rendering
37mUsing Service Workers to improve dynamic image delivery in the browser