Title: blurry headers
Last modified: December 29, 2025

---

# blurry headers

 *  Resolved [alemantico](https://wordpress.org/support/users/austrialandscapes/)
 * (@austrialandscapes)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/blurry-headers/)
 * Good morning everyone!
 * I’m confronted with a very strange issue: I embedded the header image with the
   highest Res (2583px x 1077px) I could achieve on Photoshop ([https://pic.li/YLI3](https://pic.li/YLI3)),
   but still in the Header are, these pictures are still slightly blurry on the 
   screen, even I also set the highest possible image resolution on the website (
   [https://pic.li/YL3l](https://pic.li/YL3l)). Someone have an idea, what did I
   miss here?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fblurry-headers%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Milos](https://wordpress.org/support/users/miloss84/)
 * (@miloss84)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/blurry-headers/#post-18769623)
 * Hi there,
 * Thanks for contacting Elementor.
 * In most cases it happens because the site is not actually serving the full-resolution
   image, or the image is being scaled up.
 * 1. Verify which image file is actually loaded
 * Open the page > DevTools > inspect the header > check the computed background-
   image URL (or src/srcset if it’s an Image widget).
    - In Elementor, the image size is not set to Full, so WordPress serves a generated
      size like 2048px. If the header renders wider than that, the image gets upscaled
      and looks blurry.
    - WordPress “big image” scaling: images wider than 2560px are automatically 
      saved as -scaled. Your image is 2583px wide, so WP may be serving the scaled
      version instead of the original.
 * 2. Retina / high-DPI screens
 * For example, if the header renders ~1900px wide in CSS and the device pixel ratio
   is 2, the browser effectively needs ~3800px of image data for perfect sharpness.
   A 2583px image can still look slightly soft even when everything is configured
   correctly.
 * 3. Things to try (in this order)
    - In Elementor, set the image size to Full and reselect the image.
    - Regenerate thumbnails and clear all caches (plugin, server, CDN).
    - Check in Media Library if the filename being used contains -scaled.
    - If needed, developers can disable WP’s big image scaling via the big_image_size_threshold
      filter.
 * Hope this helps.
 *  Thread Starter [alemantico](https://wordpress.org/support/users/austrialandscapes/)
 * (@austrialandscapes)
 * [4 months, 1 week ago](https://wordpress.org/support/topic/blurry-headers/#post-18772770)
 * [@miloss84](https://wordpress.org/support/users/miloss84/) Thank you very much
   for your response! It’s working now!

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

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fblurry-headers%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/elementor/assets/icon-256x256.gif?rev=3444228)
 * [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/elementor/)
 * [Active Topics](https://wordpress.org/support/plugin/elementor/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/elementor/reviews/)

## Tags

 * [photoshop](https://wordpress.org/support/topic-tag/photoshop/)

 * 2 replies
 * 2 participants
 * Last reply from: [alemantico](https://wordpress.org/support/users/austrialandscapes/)
 * Last activity: [4 months, 1 week ago](https://wordpress.org/support/topic/blurry-headers/#post-18772770)
 * Status: resolved