Full-width images are blurry after update. #566
Unanswered
benzitney
asked this question in
2. Published content
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
After the update, something is going wrong when loading images in full width.
In the editor, I have loaded the following image to the page:
https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWDvO31PP3F01d6jisBTt%2Fuploads%2F2YVQa1IbyOz4HLSkQnEm%2Fimage.png?alt=media&token=6eef3fad-1d72-4f94-b751-5be411a8f14e
When rendered in the published page in a full-width image block, however, it loads only a 768px-wide image:
https://help.daasity.com/~gitbook/image?url=https:%2F%2F1080510223-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FWDvO31PP3F01d6jisBTt%252Fuploads%252F2YVQa1IbyOz4HLSkQnEm%252Fimage.png%3Falt=media%26token=6eef3fad-1d72-4f94-b751-5be411a8f14e&width=768&dpr=1&quality=100&sign=bf8255ae5e5d34fe8d6e8c105eb44002b919d6010b2c4c82f833928a097dc1e9
Since I'm on a larger monitor, it means gitbook is loading a 768px-wide image into a div that's over 1200px wide, so it naturally looks blurry.
For whatever reason, if I click on the blurry image to zoom, the image then gets replaced with an appropriately sized version of the image (2300px wide), which looks great: https://help.daasity.com/~gitbook/image?url=https:%2F%2F1080510223-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FWDvO31PP3F01d6jisBTt%252Fuploads%252F2YVQa1IbyOz4HLSkQnEm%252Fimage.png%3Falt=media%26token=6eef3fad-1d72-4f94-b751-5be411a8f14e&width=768&dpr=4&quality=100&sign=bf8255ae5e5d34fe8d6e8c105eb44002b919d6010b2c4c82f833928a097dc1e9
But upon initial loading, it is still the small version and looks very bad. This is happening for all full-width images, not just this one.
The page for reference is https://help.daasity.com/extract/integrations/amazon-seller-central/validating-your-amazon-data-in-daasity and I'm viewing on a 24-inch screen
Beta Was this translation helpful? Give feedback.
All reactions