Full width image quality

  • The full-width images on my WordPress site in the classic block editor appear blurry, and I think I’ve nailed down the source of the issue. It seems that there are some automatic responsive image stylings that set the image width at specific viewport widths. For example, the one that’s causing my full width pictures to look blurry is this query:

    sizes=”(max-width: 640px) 100vw, 640px”

    Is there any way to override these settings in the understrap theme? The issue doesn’t happen when I hardcode the image into the page’s php file, but I would like to be able to easily replace the image in the block editor without touching the theme editor. I tried to add my own “sizes” attribute in the html in the code editor, but I get an error message saying “This block contains unexpected or invalid content”.

    • This topic was modified 3 years, 7 months ago by cleeannsmith.
  • The topic ‘Full width image quality’ is closed to new replies.