{"json_modified": "2016-08-27T01:42:34.793231", "uuid": "c81a6374-1958-47c7-953c-7549a936c7bb", "title": "Responsive images", "url": "/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images", "tags": ["srcset", "sizes", "Beginner", "Article", "Guide", "img", "picture", "CodingScripting", "Graphics", "HTML", "image", "Intermediate", "Design", "beginner", "Image"], "translations": [{"uuid": "68687170-0c0c-4cfb-940d-26482d436f60", "title": "Ajouter des images responsive \u00e0 une page web", "url": "/fr/docs/Apprendre/HTML/Comment/Ajouter_des_images_adaptatives_%C3%A0_une_page_web", "tags": ["Image", "Guide", "Design", "Graphics", "HTML", "Intermediate"], "summary": "Dans cet article, apprenez comment utiliser HTML pour adapter les images de votre site pour diff\u00e9rentes tailles d'\u00e9cran ou diff\u00e9rentes r\u00e9solutions.", "localization_tags": [], "locale": "fr", "last_edit": "2015-09-19T09:11:19", "review_tags": []}, {"uuid": "e8283541-e310-460d-9758-e441a64744a3", "title": "Add responsive images to a webpage", "url": "/ms/docs/Learn/HTML/Howto/Add_responsive_image_to_a_webpage", "tags": [], "summary": "Learn about HTML features you can use to adapt your site's images to various screen sizes and display resolutions.", "localization_tags": ["inprogress"], "locale": "ms", "last_edit": "2015-11-14T03:47:12", "review_tags": []}], "modified": "2016-08-27T01:42:34", "label": "Responsive images", "localization_tags": [], "locale": "en-US", "id": 154019, "last_edit": "2016-08-27T01:42:29", "summary": "That's a wrap for responsive images \u2014 we hope you enjoyed playing with these new techniques. As a recap, there are two distinct problems we've been discussing here:", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Why_responsive_images", "title": "Why responsive images?"}, {"id": "How_do_you_create_responsive_images", "title": "How do you create responsive images?"}, {"id": "Resolution_switching_Different_sizes", "title": "Resolution switching: Different sizes"}, {"id": "Useful_developer_tools", "title": "Useful developer tools"}, {"id": "Resolution_switching_Same_size_different_resolutions", "title": "Resolution switching: Same size, different resolutions"}, {"id": "Art_direction", "title": "Art direction"}, {"id": "Why_can't_we_just_do_this_using_CSS_or_JavaScript", "title": "Why can't we just do this using CSS or JavaScript?"}, {"id": "Use_modern_image_formats_boldly", "title": "Use modern image formats boldly"}, {"id": "Active_learning_Implementing_your_own_responsive_images", "title": "Active learning: Implementing your own responsive images"}, {"id": "Summary", "title": "Summary"}, {"id": "See_also", "title": "See also"}], "slug": "Learn/HTML/Multimedia_and_embedding/Responsive_images", "review_tags": []}