The HTTPArchive found at least 70% of all websites have an image as the most prominent element, yet only 34% of the web uses to create responsive & performant images. To change this, the following article will guide you through responsive image techniques, and introduce a novel technique that aims to make tags work (almost) like tags.
Table of contents
Table of contents Section titled Table%20of%20contentsWhy we need responsive images Section titled Why%20we%20need%20responsive%20imagesOne fits all: The <picture> tag Section titled One%20fits%20all%3A%20The%20%3Cpicture%3E%20tagComes with surprises: <img srcset> Section titled Comes%20with%20surprises%3A%20%3Cimg%20srcset%3EBest of both worlds: The ‘boolean’ <img> tag Section titled Best%20of%20both%20worlds%3A%20The%20%u2018boolean%u2019%20%3Cimg%3E%20tagFootnotes & Comments Section titled Footnotes%20%26%20CommentsFootnotes Section titled Footnotes14 Comments
Sort: