search

adventistchurch / alps-wordpress

This Wordpress theme is an implementation of the Adventist Living Pattern System (ALPS) designed to support the work of the Seventh-day Adventist Church.
Other
43 stars 38 forks source link

Related page thumbnail image quality issue #632

Closed daniel-eesti closed 1 year ago

daniel-eesti commented 1 year ago

No matter how good the quality is and how big the size of the featured images on a page of a post, the thumbnail of this page in the related posts has low quality.

For instance it could be found here: https://stage.gain.community/

image.png

hans-olson commented 1 year ago

@daniel-eesti adding text to images in the thumbnails is beyond the scope of the template; therefore, at this point, it is not considered a bug.

daniel-eesti commented 1 year ago

@hans-olson it is not about the text on the image, it is about the low quality of the image. The text just highlights how low it is. Home page thumbnails on gain.community are still of low quality, so we need to have the option to turn off compression or regulate the compression ratio. Please, reopen the issue.

hans-olson commented 1 year ago

@daniel-eesti I turned off all optimization from the images, both within Worldpress and within Cloudflare. The images are cropped when uploaded to various standardized sizes.

I am attaching all the cropped images for GAin Africa and the original.

These are pulled directly from the server after upload.

Please take a look.

GAiN_Africa_3-150x150 GAiN_Africa_3-200x200 GAiN_Africa_3-300x300 GAiN_Africa_3-350x351 GAiN_Africa_3-500x280 GAiN_Africa_3-500x375 GAiN_Africa_3-500x400 GAiN_Africa_3-700x450 GAiN_Africa_3-700x500 GAiN_Africa_3-700x600 GAiN_Africa_3-700x620 GAiN_Africa_3

@johnrbeckett

hans-olson commented 1 year ago

@daniel-eesti

Upon review, the site and theme are performing as it was designed to work. Both John and I took a look.

hans-olson commented 1 year ago

@daniel-eesti WordPress does provide compression upon upload, and there is not a great way to limit that. I highly recommend using SVG images for your homepage thumbnails without rasterized images. This is our standard way of handling text as graphics.

daniel-eesti commented 1 year ago

@hans-olson @johnrbeckett There are no changes in the quality of the thumbnails. It looks as blurry as when I opened this issue, even after uploading a new image. We don't have a chance to use vector graphics in this case; it needs to contain nature/people/city images.

Unfortunately, I assume this issue is unfixable.

hans-olson commented 1 year ago

Hello Daniel,

Yes, we are not able to provide you with better rasterized images. I wish we could do more. If you can use vector images in the future, you should have a better result.

-Hans

- Hans Olson, PMP, CSPO Email: @.**@.> Voice/Text/Signal: +1-202-853-8700 Fax: +1-202-204-5739 Zoom ID: https://adventist.zoom.us/my/hansolson

If your religion makes you hate someone, you’re doing it wrong.

From: Daniel Bogdanov @.> Date: Wednesday, March 29, 2023 at 11:36 AM To: adventistchurch/alps-wordpress @.> Cc: Hans Olson @.>, Mention @.> Subject: [EXTERNAL] Re: [adventistchurch/alps-wordpress] Related page thumbnail image quality issue (Issue #632)

@hans-olsonhttps://github.com/hans-olson @johnrbecketthttps://github.com/johnrbeckett There are no changes in the quality of the thumbnails. It looks as blurry as when I opened this issue, even after uploading a new image. We don't have a chance to use vector graphics in this case; it needs to contain nature/people/city images.

Unfortunately, I assume this issue is unfixable.

— Reply to this email directly, view it on GitHubhttps://github.com/adventistchurch/alps-wordpress/issues/632#issuecomment-1488856610, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOVXDK3Q5AW7R6BGWWROVDTW6RJGNANCNFSM6AAAAAAU6DYKJA. You are receiving this because you were mentioned.Message ID: @.***>

claytonk commented 1 year ago

I think this is more a resolution issue than an optimization/compressions issue. There are several instances where the intrinsic resolution of the image being displayed is actually lower than the rendered resolution required by the size of the element. This, combined with highly compressed images, leads to some very blurry/rasterized results. Given the pixel density of modern displays, the intrinsic resolution should be 150% of the rendered resolution at minimum. Since WP creates multiple sizes of each image I would think the image size being displayed at a given break point could be adjusted at the theme and/or Gutenberg level, but I'll defer to the experts.

hans-olson commented 1 year ago

@claytonk What you say makes sense. Changing the theme to pick a different breakpoint is not on our theme roadmap. We have too many other requests pending. Let's talk about this more if we can get it onto the roadmap at some point.