You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm having some trouble understanding the Hyas image implementation. It seemingly does not seem responsive, but I could use some clarification on this.
When an image is processed, it generates webp images in different formats. That works fine and is nicely set in "data-srcset". However, whether I'm loading on a mobile device or a desktop, sizes always seems to be set to 1360px resulting in loading the largest picture. I don't think it supposed to do that right? this also happens on the Hyas reference page, but tit doesn't use px but vw sizes that don't change. (https://images.gethyas.com/docs/shortcodes/figure/)
If I compare this to the regular shortcode "! [image] (image.web)", it seems that this is not supposed to happen. If we switch from mobile device to desktop size, the sizes attribute (sizes="342px") nicely changes and loads a different image. I happend to notice that using this shortcode also results in grey backgrounds if the image is white (all colors are washed out). So this implementation seems to use a different image processor that does seem to do what it is supposed to do (besides the annoying color correction).
regular figure shortcode on iPhone (sizes = 1360)
sizes = '342px' on iPhone using default image implementation
sizes = '650px' on Hub Max using default image implementation
This might be my lack of understanding, but some help on explaining this would be greatly appreciated.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hey,
I'm having some trouble understanding the Hyas image implementation. It seemingly does not seem responsive, but I could use some clarification on this.
When an image is processed, it generates webp images in different formats. That works fine and is nicely set in "data-srcset". However, whether I'm loading on a mobile device or a desktop, sizes always seems to be set to 1360px resulting in loading the largest picture. I don't think it supposed to do that right? this also happens on the Hyas reference page, but tit doesn't use px but vw sizes that don't change. (https://images.gethyas.com/docs/shortcodes/figure/)
If I compare this to the regular shortcode "! [image] (image.web)", it seems that this is not supposed to happen. If we switch from mobile device to desktop size, the sizes attribute (sizes="342px") nicely changes and loads a different image. I happend to notice that using this shortcode also results in grey backgrounds if the image is white (all colors are washed out). So this implementation seems to use a different image processor that does seem to do what it is supposed to do (besides the annoying color correction).
This might be my lack of understanding, but some help on explaining this would be greatly appreciated.
Beta Was this translation helpful? Give feedback.
All reactions