# Blurry top banner picture in Chrome?

**URL:** <https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598>\
**Category:** Support\
**Tags:** welcome-link-banner\
**Created:** [November 28, 2022, 9:56am UTC](https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598 "2022-11-28T09:56:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)\
**Post date:** [November 28, 2022, 9:56am UTC](https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598/1 "2022-11-28T09:56:11Z")

</div>

Not sure if it’s a bug. But in Chrome I see a blurry top banner picture while in Firefox it’s a high resolution one. A month ago or so it was also in high resolution on Chrome. I have a 4K monitor by the way, maybe that makes a difference as well.

An example:

> **[TZM Forum](https://tzm.one/)**
>
> The Zeitgeist Movement (TZM) is a global grassroots movement advocating for a post-scarcity society using the scientific method applied to social concern.

---

<div class="post-metadata">

**Author:** ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)\
**Post date:** [January 4, 2023, 1:06pm UTC](https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598/2 "2023-01-04T13:06:20Z")

</div>

Can others reproduce this low resolution banner? I only see it in Chrome. Firefox doesn’t do this. I’ve uploaded an SVG, so it should resize just fine, as it does in Firefox. Using Discourse 3.0.0.beta15. It only shows with high resolution monitors (4K).

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/7/b/a7b7ddfb6c09d72e66c30ebc3b31f5c1f261c13f.png)

> **[TZM Forum](https://tzm.one/)**
>
> The Zeitgeist Movement (TZM) is a global grassroots movement advocating for a post-scarcity society using the scientific method applied to social concern.

This is how it looks in Firefox.

 ![Screenshot 2023-01-04 at 14-07-11 TZM Community Forum](https://global.discourse-cdn.com/meta/original/4X/a/b/5/ab51210ba804614fa44ce1c8ebaf22e2076e6b9e.png)

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [January 9, 2023, 10:48pm UTC](https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598/3 "2023-01-09T22:48:57Z")

</div>

I’m not 100% sure, but this might be due to how Chrome downscales images? I’ve run into a similar issue from time to time. If you resize the image being used so it doesn’t have to be downscaled, that may help.

---

<div class="post-metadata">

**Author:** ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)\
**Post date:** [January 10, 2023, 7:20am UTC](https://meta.discourse.org/t/blurry-top-banner-picture-in-chrome/270598/4 "2023-01-10T07:20:55Z")

</div>

As a test I made the SVG 25% the size of the original, but it still has the same effect on Chrome. It’s a recent change (maybe 2 months). The SVG repeats itself, even at the size of 300px it has this strange effect. I personally don’t use Chrome. But since it’s the most popular browser some people might think I made a crappy image 🤓 I guess I’ll ignore it for now.