Planning for Responsive Images

The first time I made an image responsive, it was as simple as coding these four lines:

img {  max-width: 100%;  height auto; /* default */}

Though that worked for me as a developer, it wasnt the best for the audience. What happens if the the image in the src attribute is heavy? On high-end developer devices (like mine with 16GB RAM), few or no performance problems occur. But on low-end devices? Its another story.

The above illustration isnt … Read article

The post Planning for Responsive Images appeared first on CSS-Tricks.