1) Added a set of breakpoints to the theme.info file.
2) Created a responsive style using the breakpoints module.
3) Selected the breakpoints I wanted to use that were defined by theme: selected 2x for each of them.
4) Went to the group in the responsive images and styles configuration page.
5) Selected the new breakpoint group.
6) Selected image styles for each breakpoint and each retina version.
7) Attached responsive image style to image field via manage displays.
8) Uploaded image.
9) Went to page, changed page width in order to generate the various image styles.
10) Checked server. While all of the normal image style JPG files are created, none of the 2x image style JPG files are created.

Thus, no retina graphics are available.

Comments

attiks’s picture

attiks commented

You mean the file does not exist on disk, do you have a retina display?
Files are only generated the first time there're accessed.

Or is this related to #1710666: Picture output isn't using defined breakpoints

rainbowarray’s picture

rainbowarray
she/her
Primary language English
Location Twin Cities, Minnesota
commented

Hmm. Good point. Just tried the page on my iPhone 4S, and I'm still not seeing any of the 2x versions showing up on the server.

attiks’s picture

attiks commented

Does iPhone 4S has devicePixelRatio > 1?

Can you double check on http://www.quirksmode.org/m/tests/widthtest.html to make sure it's set?

rainbowarray’s picture

rainbowarray
she/her
Primary language English
Location Twin Cities, Minnesota
commented

It's set to to 2. Width is 320.

attiks’s picture

attiks commented
Assigned: Unassigned » jelle_s

So it's something inside the picturefill.js

attiks’s picture

attiks commented

there's a block of code commented out inside picturefill.js, can you try enabling it and check again, it should give you an option to activate 'HD', you might need to reload the page after doing so.

rainbowarray’s picture

rainbowarray
she/her
Primary language English
Location Twin Cities, Minnesota
commented

I enabled the code. Once it was enabled, and I clicked on HD only, the retina version was created (although honestly, I can't tell the difference when viewing the image, so I'm not sure that it's actually displaying the retina version).

However, the HD only/SD only links keep duplicating every time I rotate the display. Very odd behavior.

The end result is that this is assuredly an issue related to how Picturefill is deciding to display the retina version rather than something with in the resp_img module.

attiks’s picture

attiks commented
Version: 7.x-2.0-beta2 » 7.x-2.x-dev
Assigned: jelle_s » Unassigned
Status: Active » Closed (works as designed)