Title: Responsive images | Articles | web.dev
Open Graph Title: Responsive images | Articles | web.dev
Description: A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With responsive web design not only can our layouts change based on device characteristics, but images as well.
Open Graph Description: A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With responsive web design not only can our layouts change based on device characteristics, but images as well.
Opengraph URL: https://web.dev/articles/responsive-images
Domain: web.dev
{
"@context": "https://schema.org",
"@type": "Article",
"dateModified": "2014-04-29",
"headline": "Responsive images"
}
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Articles",
"item": "https://web.dev/articles"
},{
"@type": "ListItem",
"position": 2,
"name": "Responsive images",
"item": "https://web.dev/articles/responsive-images"
}]
}
| google-signin-client-id | 157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com |
| google-signin-scope | profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty |
| og:site_name | web.dev |
| og:type | website |
| theme-color | #3740ff |
| None | IE=Edge |
| og:locale | en |
Links:
Viewport: width=device-width, initial-scale=1