# Web Browser Widget Picture Blurry

**URL:** <https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853>\
**Category:** Community & Industry Discussion\
**Tags:** resolution, unreal-engine, web-browser, question\
**Created:** [July 22, 2016, 8:03pm UTC](https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853 "2016-07-22T20:03:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![anonymous\_user\_c80bb403](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_c80bb403](https://forums.unrealengine.com/u/anonymous_user_c80bb403)\
**Post date:** [July 22, 2016, 8:03pm UTC](https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853/1 "2016-07-22T20:03:28Z")

</div>

I added a 3DWidget that contains a web browser, but I found the resolution of the web browser to be very low. I’ve tried to change the Engine Scalability Settings to all Epic / 100%, but it doesn’t make a difference. Does anyone know how to make the resolution better?

Here is the side-by-side comparison - notice the writing starts to become illegible inside Unreal.

In browser:

 ![99621-browser2.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/6/6/9/6696219955f012eb5c4cf15306d5158db462a566.png)

In Unreal:

 ![99622-unreal2.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/7/f/8/7f8801fc2009f0a07abb6df6273c92f87ad17188.png)

---

<div class="post-metadata">

**Author:** ![Two-faced](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Two-faced](https://forums.unrealengine.com/u/Two-faced)\
**Post date:** [March 10, 2017, 8:19am UTC](https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853/2 "2017-03-10T08:19:16Z")

</div>

Any progress, man?

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_8fd11f73](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8fd11f73](https://forums.unrealengine.com/u/anonymous_user_8fd11f73)\
**Post date:** [September 13, 2017, 6:08pm UTC](https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853/3 "2017-09-13T18:08:22Z")

</div>

I was running into this same issue and it is because the Web Browser plugin is outputting its color data in the sRGB format and the Widget/3D Widget is expecting the data in linear RGB. The problem can be fixed by creating a new material to use in the 3D Widget instead of the default Widget3DPassthrough\_Masked\_OneSided. I have included a screenshot of the material I made to fix the problem. It implements the standard sRGB to linear formula.

 ![213396-cuserstdc8123desktopwebbrowser.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/7/a/0/7a0208bbf511548122af55b36ae5972d31bf45e5.png)

* * *

Another user was having this same issue here:

> **[Browser 3D widget looks washed out.](https://forums.unrealengine.com/questions/466689/browser-3d-widget-looks-washed-out.html)**
>
> Hi, I have noticed that the Browser widget in 3D looks washed out, lacks contrast and the text is illegible. Attached is an in game screen shot as well as a capture of of Chrome displaying the same page - there is a huge difference in contrast. Any...

* * *

Bug Report:

> **[Web Browser Plugin color in sRGB when 3D Widget expects linear](https://forums.unrealengine.com/questions/706152/web-browser-plugin-color-in-srgb-when-3d-widget-ex.html)**
>
> The Web Browser plugin appears washed out when viewed in-game because the color data is in sRGB and 3D Widget expects linear RGB. Two instances of issue: Solution: Web Browser plugin needs to convert color data from sRGB to linear RGB to work...

---

<div class="post-metadata">

**Author:** ![PaYo](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@PaYo](https://forums.unrealengine.com/u/PaYo)\
**Post date:** [November 4, 2023, 9:51pm UTC](https://forums.unrealengine.com/t/web-browser-widget-picture-blurry/364853/4 "2023-11-04T21:51:00Z")

</div>

I have problem it appears white to me
