Home page header image blurry on iphone

  • Resolved handmadehome

    (@handmadehome)


    3 years, 5 months ago

    Hi, maybe you can help, please.
    The header image looks great on desktop, but it is getting blurry on iPhone.
    I learned that this happens on wordpress. So I tried many advances: I turned off lazy load, uploaded a high-resolution image. I turned off images compression. The current image is now 2560 by 1437 pixels.
    I also tried to use 1920??x??1078 as you have in your layout.
    I increased the Thumbnail size and regenerated them. Cleared all cache.
    But nothing helps.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter handmadehome

    (@handmadehome)

    I found the decision. I turned to Cover Template instead of Transparent Header Light. Now I use Featured Image as the cover image and it’s not blurry. I also disabled Fixed Background Image for the sticky header menu. So, got the same design without blurry Cover Image.
    Well, that turns that Transparent Header template can’t be used with the cover image, unless if you’re okay with the blurry look on ios.

    Plugin Author Twentig

    (@twentig)

    Hi,

    The size of the image in the Cover block is handled by WordPress core. There’s an ongoing ticket on the Gutenberg repository. The Cover template uses the full-size image as a background; this is why it isn’t blurry.

    With the Transparent Header template, you can use an image block set to full-width if you don’t need to write over the image.

    Thread Starter handmadehome

    (@handmadehome)

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Home page header image blurry on iphone’ is closed to new replies.