With the recent introduction of native AVIF support, I’ve noticed a significant color shift (loss of saturation/washed-out colors) when Hugo processes flat vector graphics or text-heavy banner images into AVIF. For context, when processing a PNG banner with a deep purple/blue background, the result…

Gemini AI suggested the following: > Open Firefox and type about:config in the address bar. Accept the warning. > Search for gfx.color_management.mode. > Double-click it and change its value to 1 (this forces full color management for all web elements, untagged images, and CSS). This actually wo…

An example image would be quite helpful.

I added some more PNG to AVIF testcases with some vivid colors in Add some PNG to AVIF golden test cases by bep · Pull Request #14951 · gohugoio/hugo · GitHub Which looks fine to me. But the devil is in the details, so A sample would be great. Also, if you can tell if there’s a difference when co…

[image] jmooring: An example image would be quite helpful. [image] bep: A sample would be great. That’s what I was trying to do here but my example site failed. Let me create a new site and get back.

If you just want a simple Hugo site up and running quickly, I would recommend you start with something ala: [image] GitHub - bep/hugositetemplate: Just template for a very basic Hugo site setup. Just template for a very basic Hugo site setup. The abov…

Here goes the test site. GitHub - bandulu86/test: failing examplesite · GitHub Check posts 1 or 3 for the images.

I cannot see any difference. I’ve run this test site that uses your banner image on Windows 11 with different monitors, Ubuntu 24.04 with different monitors, and macOS. git clone --single-branch -b hugo-github-issue-14896 https://github.com/jmooring/hugo-testing hugo-github-issue-14896 cd hugo-gith…

[featuredhubaf9b5ccc1e32db7] Here’s how my AVIF one looks on Firefox in Linux Mint. The purple background is brighter, and also slightly for the blue. I can also see the same on your first image [ff] Edit: I think maybe Firefox is doing something to the AVIF image coz as @jmooring mentioned, all…

FF had a bug re color space(s) in AVIF files: 1634741 - AVIF (AV1 Image File Format): proper color space support RESOLVED (jbauman) in Core - Graphics: ImageLib. Last updated 2021-08-12. It is said to be resolved, but perhaps it’s worth digging around the c…

I viewed this in all of Chrome, Safari and Firefox on my MacBoo, and they all looked the same to me.

[image] chrillek: FF had a bug re color space(s) in AVIF files: Could be related. As I indicated, it seems like an issue specific to my FF. Might switch to Brave.

[v0.162.0] AVIF image processing strips/washes out colors on vector graphics

support

bandulu May 27, 2026, 9:45am 4

That’s what I was trying to do here but my example site failed. Let me create a new site and get back.

Topic		Replies	Views
Why isn't there a Hugo Image Processing for PNG to AVIF feature	1	1395	September 2, 2022
Hugo v0.162.0 Released Announcements	14	365	May 31, 2026
AVIF with fallback Using Themes	3	1644	June 15, 2022
Hugo 0.162.1 panic "Error allocating memory for blob data" support	15	210	June 8, 2026
Colour issue when image processing applied to webp support	4	3147	July 16, 2022

[v0.162.0] AVIF image processing strips/washes out colors on vector graphics

Related topics