Now comes my question. When I open the Kookaburra Essay test page on my macbookpro 13" (1440 x 900) and click on a thumbnail the picture is small (see file kookaburra). If I open the Pangolin Essay test page and click on a thumbnail the photo is large (see file pangolin). In both cases, the originals files are 1500 x 1000 pixels.
If I do this test on an external monitor (3440 x 1440), I don’t have this problem. What is set wrong in Kookaburra Essay. I can’t find it.
I’m on Windows so can’t duplicate your set up. But both your Kookaburra and Pangolin Essays look normal and act the same for me. Clicking a thumbnail results in large images being shown in a slideshow.
The only difference is that I don’t see the slideshow controls in your Kookaburra screenshot. Maybe the script hasn’t fully loaded in the browser? What happens if you give the album more time to load?
The album shows the images super fast. Waiting longer has no effect. Also changing another web browser in this case Safari does not solve the problem either.
I think more that it is with the screen resolution of my 13" MacBookpro. But then what is strange is that the Pangolin Essay test page does fine. That one shows a large image.
The images were loaded in directly from Kookaburra. What I am going to do now is delete all the images and then re-upload into the Kookaburra template.
Kookaburra settings for image renditions include these instructions:
For best results, upload images at 2x size. For example, if setting 1024 as your long edge, then upload images at 2048; this allows Backlight to generate appropriate renditions for Retina / high-density displays.
Your 1x and 2x photos are exactly the same size. So I think the problem is that the slideshow is getting two renditions, expecting 2x to be exactly that, and handling it accordingly (rendering 2x at 50% scale). Because because your 2x images are actually 1x, the end result is an image displayed not at 1x as intended, but at an effective scale of 0.5x.
We can maybe write some code to check for renditions that are the same size, but to confirm this hypothesis, please upload images sized according to the instructions cited above.
With the larger images, you’ll get the clearest, sharpest images on 2x displays (Macbooks, iPhones, iPads, etc.). Doing side-by-side comparison, it’s very noticeable.
But I will try to put some code in that will do a size check, and try to determine whether to handle 2x images.
