Sketch Theme Customize>Header makes the image unclear even with 1092X400

  • I am hoping to be able to use Sketch as my theme, but it’s so important that my header image (that includes text) be crystal clear, but when I load my image into Customize>header I get a blurry image despite that I created the image to be exactly 1092X400 which is what was recommended (and what I see in the code).

    I uploaded the same image via Media>Library and the picture is clear upon import. It is only when I load the jpg to the header area that it regenerates as fuzzy. I’ve double-checked the jpg- even the Media>Library believes it to be 1092X400, but the header loader does ask if I want to crop it. To which I have answered no, and when that didn’t work then I answered yes.

    I made sure the image import enabled sizes of 1092X400 for the large images.

    I’m not sure what to do to get around this header loading issue. I’ve even tried the “regenerate thumbnails” that people suggest for blurry images- but that didn’t do anything (not surprisingly but I thought I’d try anyway).

    I’m really unsure why the Sketch theme wants to crop an image that is exactly the size it requested. If I weren’t importing an image that includes text, then the image would probably be okay, but the text part of the image is so important here.

    Thanks.

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

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

  • Hi there,

    Are you using any image optimization plugins as it’s known to cause such issues?

    Thread Starter sailjumper

    (@sailjumper)

    Hi! No I don’t. I installed “regenerate plugins” to try to clear up the issue, but when it didn’t work I uninstalled the plugin and ran sweep (to try and clean up).

    The only plugins I have are Jetpack, Wp-sweep, and WP-Review.

    Thanks for trying to help.

    If you right click on the image and open it in a new tab, what does the URL it show as? Does it show it as a cropped version of the image or the original one that is unmodified?

    When viewing in the new window/tab, is the image still blurry?

    Thread Starter sailjumper

    (@sailjumper)

    Thanks Jarret,

    I ended up changing how I was doing things. The image is okay to be a bit blurry, but the text needed to be crystal clear no matter the window size. So I removed the text from the jpg, made the image the background of the table and added text in the far cell (where I wanted it).

    BTW: Even the cropped version of the image stayed the same size– The cropping lines went around the perimeter of the image- weird. When I opened the image in another window, though, the image was clear- just not in the page.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sketch Theme Customize>Header makes the image unclear even with 1092X400’ is closed to new replies.

Tags