Source code: http://github.com/anchpop/pictolab

I love HDR, but until recently dynamic HDR content was hard to render in the browser. But now, with browsers shipping support for WebGPU and canvases with extended color spaces, it's actually feasible.

So what I wanted to was make an image editor capable of doing the simple edits I often need to do, but with full HDR support, which is rare in browser editors. Turning up the brightness on an HDR-capable monitor is a great way to see what your monitor can do :P

I tried to go overboard in every way I could. So brightness/saturation/hue adjustments use the okLCH color space, and there's an option to do a "content-aware resize" with seam carving, which is fast because it's parallelized using Sam Westrick's triangle-blocking algorithm [0].

Also, the site supports importing HEIC photos as taken with an iPhone, which is surprisingly hard to do correctly. Libraries like libheic don't fully support the format used by iPhones, so if used naively the HDR colors come out wrong. I'm working on a blog post about this, but the short version is that you have to use ISO 21496-1 gain map composition (which isn't even what apple documents). I'm pretty sure that pictolab is the *only* website that allows you to convert HEIC to JPEG or AVIF without messing up the HDR.

There is also a local background-removal model. Enjoy!

[0]: https://shwestrick.github.io/2020/07/29/seam-carve.html