[Problem/Bug]: The color and clarity (pixels) of image resources, videos, text and other content are seriously distorted. . .

[zhouxinghong]

What happened?

The color and clarity (pixels) of image resources, videos, text and other content are seriously distorted. . .

System environment:

Windows10 x64 19044
Chrome is up to date
Version 120.0.6099.110 (Official Build) (64-bit)
WebView2
Version 120.0.2210.77

To reproduce the example:

1. Open the same picture and the same video in Chrome and WebView2 respectively. However, it is surprising to find that the color and clarity (pixels) of image resources, videos, text and other content rendered by WebView2 are seriously distorted. . . The original image, video quality and colors look very distorted and terrible. . . Don't know what causes this?

Video 1 is rendered in the Chrome browser

Image 1 was rendered in the Chrome browser

---

Video 2 is rendered in WebView2 Markdown

Image 2 was rendered in WebView2 Markdown

You should be able to clearly see that the image quality, video quality and color rendered in WebView2 Markdown are very distorted. . . It is really difficult to understand that such color differences and color distortions will occur when using the same video, image, text and other content on the same computer. . .

Hopefully the WebView2 team will fix and improve it in the next version. Thank you so much!

Importance

Important. My app's user experience is significantly compromised.

Runtime Channel

Stable release (WebView2 Runtime)

Runtime Version

120.0.2210.77

SDK Version

No response

Framework

WPF | Win32 C/C++ | .NET 6

Operating System

Windows 10

OS Version

19044

Repro steps

The color and clarity (pixels) of image resources, videos, text and other content are seriously distorted. . .

System environment:

Windows10 x64 19044
WebView2
Version 120.0.2210.77

To reproduce the example:

1. Open the same picture and the same video in Chrome and WebView2 respectively. However, it is surprising to find that the color and clarity (pixels) of image resources, videos, text and other content rendered by WebView2 are seriously distorted. . . The original image, video quality and colors look very distorted and terrible. . . Don't know what causes this?

Video 1 is rendered in the Chrome browser

Image 1 was rendered in the Chrome browser

---

Video 2 is rendered in WebView2 Markdown

Image 2 was rendered in WebView2 Markdown

You should be able to clearly see that the image quality, video quality and color rendered in WebView2 Markdown are very distorted. . . It is really difficult to understand that such color differences and color distortions will occur when using the same video, image, text and other content on the same computer. . .

Hopefully the WebView2 team will fix and improve it in the next version. Thank you so much!

Repros in Edge Browser

No

Regression

Don't know

Last working version (if regression)

No response

[zhouxinghong]

Compare the color (pixel) difference and color (pixel) distortion of video and image respectively:

Video 1 is rendered in the Chrome browser

Video 2 is rendered in WebView2 Markdown

Image 1 was rendered in the Chrome browser

Image 2 was rendered in WebView2 Markdown

[victorhuangwq]

Could you render the above in the Microsoft Edge Browser as well? It will help us diagnose if it's a WebView2 issue, or the Edge browser's issue

[zhouxinghong]

@victorhuangwq
Hi. - Hi! Friend!

See the color comparison of the same image and video rendered by Edge and Chrome respectively.

[victorhuangwq]

Did you close this issue by mistake @zhouxinghong?

[zhouxinghong]

Did you close this issue by mistake @zhouxinghong?

oh! Yes, I'm very sorry! 😂