Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gallery Images are not being optimized and have lower quality than originals #1459

Open
jcastro-design opened this issue May 10, 2024 · 2 comments

Comments

@jcastro-design
Copy link

jcastro-design commented May 10, 2024

Describe the bug
I'm using the gallery shortcode on multiple pages in my website, and although the full images being used have good quality in their original size, when placed in a gallery they seem to be blurry and weirdly scaled.

I have disableImageOptimization = false set in the config but looking at the urls for gallery images I can see they are not going through image optimization, contrary to what happens to all other images placed via the figure shortcode for example.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://joaocastro.me/projects/digital-avatars-mobile-app/' (for example);
  2. Sroll down and click on any image on a gallery to zoom;
  3. Right-click and open the original image in a new window to see the difference in quality;

Expected behavior
Ideally all images should all run through image optimization process, or even if this would to be disabled, the original image scalling in the gallery should not produce blurried and lower quality assets.

Screenshots
Blurry image in a gallery:
image
Original image opened in a separate tab:
image

Tested locally with:
hugo v0.125.7+extended
Blowfish v2.66.0

Am I missing something on my installation or should the gallery shortcode be used in other form?
Thanks in advance for any help.

@nunocoracao
Copy link
Owner

Which browser?
Please share the repo

@jcastro-design
Copy link
Author

jcastro-design commented May 14, 2024

Thank you for your reply @nunocoracao !

This issue was currently detected on Safari 17.4 (19618.1.15.11.12). Have tested also on Firefox 125.0.3 and everything seems to be working ok (haven't been able to test on other browsers yet).

I'll be duplicating a repo to share with you here shortly, currently I'm hosting it on GitLab.

The issue can also be detected with Safari on your current demo site:
https://blowfish.page/docs/shortcodes/#gallery

Thank you again for your reply.

EDIT: @nunocoracao I have just sent you an invite to the repo I copied here to github. Let me know if there's anything I should correct or change to give you proper permissions. Thanks again for your help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants