Responsive images - Learn web development | MDN

Resource | v1 | created by jjones |
bookmark
Type Web
Created unavailable
Available at https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
Identifier unavailable
Description

In this article, we'll learn about the concept of responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features — and look at what tools HTML provides to help implement them. This helps to improve performance across different devices. Responsive images are just one part of responsive design, a future CSS topic for you to learn.

Relations

official Responsive images

Responsive images are images that work well on devices with widely differing screen sizes, resolution...

Currently, no authors are attached.

Currently, no resources are attached.

Edit resource New resource
7.0 /10
useless alright awesome
from 1 review
Write comment Rate resource Tip: Rating is anonymous unless you also write a comment.
Resource level 1.0 /10
beginner intermediate advanced
Resource clarity 9.0 /10
hardly clear sometimes unclear perfectly clear
Reviewer's background 5.0 /10
none basics intermediate advanced expert
Comments 1
jjones
0 0

7 rating 1 level 9 clarity 5 user's background

Tutorial for beginners, assumes you don't know CSS yet