radical colour change when exporting webp

[Mr Lucky]

If I export to jpg the colours stay very good, however expeorting to webp seems to cause a drastic difference (less red) even though the colour looks fine in the preview.

 

Am I missing something?

jpg

 

webp

 

 

Edited October 1, 2023 by Mr Lucky
typos

[NotMyFault]

both images look identical (as uploaded to the forum, rendered with Safari).

We would need some more context in which app you see color differences.

2 minutes ago, Mr Lucky said:

If I export to jpg the Cours stay very good, however expecting to weep seems to cause a drastic difference (less red) even though the colour loos fine in the preview.

 

This sentence looks garbled. Did you mean:

If I export to JPG the colors stay very good (observed in what app?), however exporting to WEBP seems to cause a drastic difference (less red) (in what app?) even though the colour look fine in the preview (of what app?)

[thomaso]

4 minutes ago, NotMyFault said:

both images look identical (as uploaded to the forum, rendered with Safari).

Same to me in Firefox. @Mr Lucky, the forum strips colour profiles from uploaded images, so possibly you look at different profile settings for your compared exports?

[Mr Lucky]

Sorry typos now edited (but couldn't edit the title

Weird they do look the same here??? When I view them opened up in infinity, or upload to website and view on any browsers they are different.

I have open the two exported files in Affinity and exported to png.

jpg on the left

 

[lacerto]

Obsolete.

[Mr Lucky]

2 hours ago, lacerto said:

At least on Windows (tried Photo 2.2.0) it seems that ICC profiles are not embedded (even if the option exists; it just does not "take") in webp exports, nor are (e.g. PS saved) embedded profiles read from them. So what happens if you export e.g. to webp a wide gamut image (like one that uses Adobe RGB), it will be left without a profile and shown in most apps by assigning it with an sRGB profile, producing somewhat desaturated colors.  

Do you mean there is nothing I can do about this? A workaround was to use color balance to add some red and it sort of works but a lot of trial and error is needed. Or may I could with just some extra saturation.

I don't understand why Affinity is doing this though. If it would show the image as it is going to end up that would be very useful. I hope they can get this bug sorted out.

[lacerto]

Obsolete.

[Mr Lucky]

5 minutes ago, lacerto said:

You can convert wide-gamut images to sRGB and then export to webp.

Thanks. I don't know what wide-gamut means but seems to work.

Might that cause any other issues?

[lacerto]

Obsolete.

[v_kyr]

3 hours ago, Mr Lucky said:

I don't know what wide-gamut means

• Gamut
• Wide-gamut RGB color space (wider than sRGB, supporting much more colors)
• ... etc.

 

sRGB more flat not that much saturated colors -- vs -- AdobeRGB more vibrant and saturated possible colors

NOTE: that there are even wider gamuts than Adobe RGB (like ProPhoto RGB etc.) but even better graphics monitors can mostly only display 98% of the AdobeRGB color spectrum, so not the whole spectrum of even higher (wider) color gamuts.

[thomaso]

In addition to the mentioned: While for photo developing & editing a wider gamut may preserve more flexibility (less loss, less destructive), for a layout that will get printed but may be wanted to get setup in RGB, the sRGB profile has an advantage over Adobe RGB by less differences (and possible surprises) when it comes to the required conversion to CMYK export and inks, because the smaller gamut of sRGB is closer to CMYK.

"Which workflow should I choose?" https://www.grapheine.com/en/graphic-design-en/colorimetry-rgb-cmyk-digital-print-strategies

[lacerto]

Obsolete.

[BBG3]

I converted one of my images (Image P3) to webp with Photoshop, but my colours didn't change.

That would be great if we could do the same with Affinity apps. Maybe we can, but I don't know.

[Felledk]

Both webp and png support embedding off icc (preferably srgb, because of browsers/internet)

But not all applications respect the embedded profile.

Affinity Photo 2 does not respect a webp image with an embedded icc.
You will get a notice from the app that "it has assigned the working icc to the image"...?

And AP2 will not allow you to embed a icc, when you export a webp...

Solution is jpg (cry)