Title: Header gets Blurry, when screen is small
Last modified: January 20, 2024

---

# Header gets Blurry, when screen is small

 *  [hibert42](https://wordpress.org/support/users/hibert42/)
 * (@hibert42)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/header-gets-blurry-when-screen-is-small/)
 * Hi, when I see this page on a small screen, like my phone or my scaled down window…
   the background header image gets blurry as hell… and gets sharper on the fly,
   when making the window bigger again.
   What can I do against it. Its not a css 
   Blur, at least I haven’t found anything like that in the code.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-gets-blurry-when-screen-is-small%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Felipe Velzani](https://wordpress.org/support/users/felipevelzani/)
 * (@felipevelzani)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/header-gets-blurry-when-screen-is-small/#post-17364219)
 * Hi there,
 * Do you have a screenshot or such with an example?
 * I couldn’t reproduce it blurry:
 * ⌊https://d.pr/i/HwP4On⌉⌊https://d.pr/i/HwP4On⌉
   Full Size: [https://d.pr/i/HwP4On](https://d.pr/i/HwP4On)
 *  Thread Starter [hibert42](https://wordpress.org/support/users/hibert42/)
 * (@hibert42)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/header-gets-blurry-when-screen-is-small/#post-17378797)
 * Sure, here are 3 screenshots.
   1. Large Desktop (Firefox)2. Small Window Desktop(
   Firefox)I tested it on Edge… there it doesn’t blur …. weird.
 * ![](https://i0.wp.com/potsdams-andere-welten.de/wp-content/uploads/2024/01/website-
   large.png?ssl=1)
 * ![](https://i0.wp.com/potsdams-andere-welten.de/wp-content/uploads/2024/01/website-
   small.png?ssl=1)
    -  This reply was modified 2 years, 2 months ago by [hibert42](https://wordpress.org/support/users/hibert42/).
 *  Moderator [jordesign](https://wordpress.org/support/users/jordesign/)
 * (@jordesign)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/header-gets-blurry-when-screen-is-small/#post-17382570)
 * Hi [@hibert42](https://wordpress.org/support/users/hibert42/) – that’s indeed
   an interesting one… I can recreate in Firefox as well.
 * Would you mind doing an experiment for me – and try to load a smaller width image
   in that spot ? Maybe 2048 pixels wide (instead of double that)?
   I’m wondering
   if Firefox is trying to load a smaller version on small screens because that 
   original image is _so_ big.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header gets Blurry, when screen is small’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwentytwo/2.1/screenshot.
   png)
 * Twenty Twenty-Two
 * [Support Threads](https://wordpress.org/support/theme/twentytwentytwo/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwentytwo/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwentytwo/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwentytwo/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [jordesign](https://wordpress.org/support/users/jordesign/)
 * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/header-gets-blurry-when-screen-is-small/#post-17382570)
 * Status: not resolved