@cmuratori On desktop browsers, you often get it picking way too low res a version of the image for the size to which it is stretched.
Do any browser programmers out there happen to know why the srcset's on http://mollyrocket.com only seem to work right on some devices?
-
-
-
@cmuratori Whereas on mobile browsers, like iPad et al, it seems to pick nice high-res versions appropriate for the resolution. - Show replies
New conversation -
-
-
@cmuratori Not an expert, just a hunch, maybe your usage of "2x, 4x" is unsupported by some browsers and a width specification might work. -
@cmuratori https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/ … uses width instead of content scale factor.
End of conversation
New conversation -
-
-
@cmuratori use 640w, 1280w for responsive images... AFAIU, 2x/4x are used based on pixel density (and browser zoom), but not image scaling -
@egonelbre I couldn't get those to work. When I changed to w specifiers, it would always load much _higher_ res images than necessary. - Show replies
New conversation -
-
-
@cmuratori some of your outer tags is setting max-width to 1209, *maybe* the browser see that your 2x is bigger than that, and pick smaller -
@cmuratori I mean, maybe it is set to transfer efficiency, not img distortion avoidance.
End of conversation
New conversation -
-
-
@cmuratori Is the browser you're testing compatible? http://caniuse.com/#feat=srcsetThanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
@cmuratori hey Casey I looked at your code at it seems you're using srcset wrong and you're getting the right image on ipad just by luck -
@cmuratori The only way you'll get the correct image in desktop is if you load with your browser with zoom. The 1x, 2x, etc mean pixel ratio - Show replies
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.