<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><br class=""><div><blockquote type="cite" class=""><div class="">On May 29, 2015, at 2:11 PM, Yoav Weiss <<a href="mailto:yoav@yoav.ws" class="">yoav@yoav.ws</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div dir="ltr" class=""><div class="gmail_extra"><div class="gmail_quote">On Fri, May 29, 2015 at 8:34 PM, Sam Weinig <span dir="ltr" class=""><<a href="mailto:weinig@apple.com" target="_blank" class="">weinig@apple.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word" class=""><div class="">Hi Yoav,</div><div class=""><br class=""></div>Can you give a concrete example of when this will be used? I’m having trouble understanding when an author will want to change an images intrinsic size but not have control of the markup.</div></blockquote><div class=""><br class=""></div><div class="">It's not about control over markup, it's about control over style.</div><div class=""><br class=""></div><div class="">Let's say you're now given the following task: write a script that will go over all your server's HTML files and make your images responsive by adding a `srcset` attribute to all <img> tags. Since some of the images may change their display dimensions at different viewport sizes (i.e the <a href="https://dev.opera.com/articles/native-responsive-images/#variable-width-images" class="">"variable width" use case</a>), you want to add multiple resources with `w` descriptors to each <img>. Each one of these resources will be pointed towards your shiny new image server, which has access to the original high-quality image as well as the currently displayed one (the "src image").</div><div class=""><br class=""></div><div class="">But, since you don't know if all the images have their dimensions defined in CSS (and you suspect that a large chunk of them don't have CSS based dimensions), you want to make sure that the intrinsic dimensions of the displayed images remain the same even when you deliver images of varying "physical" dimensions. How can you achieve that?</div><div class=""><br class=""></div><div class="">Well, the answer is, you want to modify the intrinsic size of the delivered images to be the same as the "src image"'s intrinsic dimensions. With Content-DPR, that's easy. You simply set it to the value that is the delivered image width divided by the "src image" width.</div><div class="">That way, the browser takes the Content-DPR into account, scales the delivered image and it ends up with the same intrinsic dimensions as the "src image".</div><div class=""><br class=""></div><div class="">If you don't have markup control, the same exercise applies, but would require the full-fledged Client-Hints in order to actually deliver resized images.</div></div></div></div></div></blockquote><br class=""></div><div>As others have said, doing this at the transport layer seems wrong.</div><div><br class=""></div><div>Why not just invent some new metadata that gets put into the image to describe some scaling of the intrinsic size?</div><div><br class=""></div><div>Simon</div><div><br class=""></div><br class=""></body></html>