Optimizing Images with the HTML Tag

Re:Optimizing Images with the HTML Tag by randomguy0 on Sunday October 30, 2022 @06:57PM (#33399895)

Set width and height to the ratio of the image to prevent those layout shifts.

[ Parent | on HN ]

Re:Optimizing Images with the HTML Tag by lgreiv on Monday October 31, 2022 @02:29AM (#33402636)

Thank you for the hint. I’ll revisit trying that when I can spare some time. I vaguely recall that doing so interfered with the way I ensured the consistent passepartout around my photographs while being responsive, but then again we are talking about CSS here and I just may have gotten things the wrong way around.

[ Parent | on HN ]

Re:Optimizing Images with the HTML Tag by randomguy0 on Monday October 31, 2022 @05:47PM (#33413729)

As a secondary tip: I believe you need to make sure that one of width or height is set to “auto” (in CSS). There was a good post on this on either CSS Tricks or SmashingMagazine. If I get some time I’ll try to find it and link it.

[ Parent | on HN ]