How to think about HTML responsive images
danburzo.ro
How to think about HTML responsive images
1–10 of 47 posts
Re: How to think about HTML responsive images
#2Well done! Having read the source documents a few times, I wish that your article existed before. It took me a while to wrap my head around the concepts and to get them to work properly.
Re: How to think about HTML responsive images
#3Well-written. Will def come back to this.
Re: How to think about HTML responsive images
#4Very helpful! I will come back to read more deeply. But in general, what approach would you recommend?
Re: How to think about HTML responsive images
#5I just have to compliment the lovely external link motif here.
Re: How to think about HTML responsive images
#6Looks like the verbose approach would be the most advantageous for backwards and forwards compatibility
Re: How to think about HTML responsive images
#7Looks like the verbose approach would be the most advantageous for backwards and forwards compatibility
Having the server decide the image format based on the accept header is simpler. Services like https://imagekit.io/ (no affiliation) can do that for you.
Re: How to think about HTML responsive images
#8So, the question remains: how do I supply various dynamic densities in different formats?
Re: How to think about HTML responsive images
#9I have no idea why browsers moved away from providing the DPR (device pixel ratio) header on media requests so one could continue using the sensible and simple whilst the server could return the correct images on its own.
Would love to know the rationale.
Re: How to think about HTML responsive images
#10I just have to compliment the lovely external link motif here.
Thank you! I must have picked up the idea from from Matthew Butterick’s “Practical Typography”, but with the symbol drawn rather than as the degrees character, to spare screen reader users from hearing that constantly.