Retina Questions

  • Resolved bionary

    (@bionary)


    6 years, 9 months ago

    I’m testing out the pro version on my local machine. I’m not quite sure if Retina support is working. I don’t see any @2x, etc. suffixes when browsing the image files.

    Where are the retina images stored?

    Also the interface doesn’t seem to respect the checkboxes:
    When going to Settings > Images > Default Retina Support []
    There are the 3 checkboxes 2x, 4x, 5x … When I check them and click “save changes” they are unchecked when the page reloads. Is this expected behavior?

    After looking at the html source for the lightbox popup I can see that it uses the original uploaded image. Is this default behavior? I simulated ipad via chrome dev tools and it still doesn’t serve a 2x image ?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author bradvin

    (@bradvin)

    6 years, 9 months ago

    hi @bionary,

    We did some testing on our end before replying.

    Firstly, for the general retina settings it looks like you have found a bug, whereby the settings are not being saved when you click “Save changes”. Apologies for this, and this will be corrected in the next release.

    We then did some tests for a gallery and by using the Retina metabox when editing a gallery, checking the output HTML you get this for a thumb in the gallery (with 2x and 3x) on a device that has a higher pixel density:

    
<img title="Some image" width="150" height="150" 
data-src-fg="https://foo.dev.cc/wp-content/uploads/cache/2018/12/111/2109244979.jpg" 
data-srcset-fg="https://foo.dev.cc/wp-content/uploads/cache/2018/12/111/3307239617.jpg 300w,
https://foo.dev.cc/wp-content/uploads/cache/2018/12/111/609083049.jpg 450w" class="fg-image" src="https://foo.dev.cc/wp-content/uploads/cache/2018/12/111/3307239617.jpg" style="">

    You can see that the FooGallery script substitutes the correct 300w retina thumb (3307239617.jpg) into the src attribute of the thumb on my device with 2x pixel density.

    Regarding storage, the retina image files are not suffixed with @2x and they will be created/stored in the cache folder along with the other image sizes created (see above image paths).

    Then onto the lightbox – this is a separate plugin to the gallery and it loads the fullsize/fullres image that the gallery references in the anchor href.

    • This reply was modified 6 years, 9 months ago by bradvin.
    Thread Starter bionary

    (@bionary)

    6 years, 9 months ago

    @bradvin Thank you for your clear explanation.

    I think I see what’s happening now… foogallery is detecting the retina/high-pixel density ahead of time and then serving the appropriate image directly. It seems the code is not utilizing the srcset attribute but using data-srcset-fg for internal computing I suppose.

    It would be great if the lightbox also did this kind of optimizing for hi-rez images too.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Retina Questions’ is closed to new replies.