Hacker News Reader

Comment by butz | Hacker News Reader

Now it is recommended to use width and height attributes on img elements. It will help to prevent viewport jumping and will support responsive aspect ratio resizing. https://www.youtube.com/watch?v=4-d_SoCHeWE

View on HN

That's been recommended since about 1993. That doesn't mean more than 10% of sites have ever actually followed the guideline.

WordPress does this by default and that’s the most common platform to date. I’d dare to say that most websites have those attributes, but most SPAs don’t, because that’s too hard.

If you specify both a width and height, it's not going to be very responsive.

The attributes are overridden by CSS. You should have:

    max-width: 100%;
    height: auto;

What the other user is talking about is a new feature that FINALLY uses the attributes to preserve the ratio before the image starts loading.

Kinda ridiculous that we had to wait 8 years of “responsive design” before they realized that this was always supposed to happen.

Reply on news.ycombinator.com