Responsive images - Learn web development | MDN

Resource | v1 | created by jjones |
Edit
bookmark
Type Web
Created unavailable
Available at 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 for Responsive images

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

Edit details Edit relations Attach new author Attach new topic Attach 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