Three pictures in the gallery but only two are shown
-
Hello
I have a gallery in my post (today 30th Jan 2018), with three pictures. I can see three pictures fine in Edit mode. When I visit the post page I can only see two of them.
I can send you a screen shot (how do I do that?)The blog I need help with is: (visible only to logged in users)
-
Hi @janenorthcote,
I had a look at your blog, and I can see the 3 pictures from the gallery:
https://snag.gy/dJ5Gpo.jpgPS: I use this tool https://snag.gy/ to attach the screen shot.
-
Thank you dgondim. Yes, you see the right images.
But I don’t.
Here’s what I see:
https://snag.gy/23EgAc.jpgHow odd. Any ideas? I’m using Safari on a Mac, but it shouldn’t make any difference.
(Thanks for the tip re Snaggy)
-
Hello there, can you try using a different browser and let us know if you see all three images in the published post? (I also see all three images in that gallery, on Win10Pro/FireFox 58.)
-
Hello justjennifer
I had a look from the browser on my mobile phone, and it looks fine.It’s only on my Mac that I see a partial gallery.
I’m using Safari
Version 11.0.2 (13604.4.7.1.6)
which is the latest update as far as I know. -
Hello justjennifer
I had a look from the browser on my mobile phone, and it looks fine.I also looked via Google Chrome on the Mac, and it’s fine: I see three pictures in the gallery.
It’s only on my Mac using Safari that I see a partial gallery.
I’m using Safari
Version 11.0.2 (13604.4.7.1.6)
which is the latest update as far as I know. -
Thanks for that. To the best of my knowledge there isn’t any reason why Safari wouldn’t display all three images on your Mac, as in your screenshot. I’ve gone ahead and tagged this thread for Staff assistance. Thanks for your patience while they get back to you.
-
Hi there,
Please try resizing your Safari window on your Mac and tell me what you see.
I see all three images on Safari, but if I change the browser size I do notice it disappears and certain widths. This might be a bug with the theme, but it would help if you could confirm on your end.
-
Hello Kokkieh
Yes! When I resize the Safari window, making it smaller, the third image appears!
Then when I make the window bigger and smaller, the third image stays there and doesn’t disappear.
-
Thanks for confirming.
I’ve tried replicating this behaviour on a test site, but I’m not able to make it happen on a different site with different images, so it might be something specific to the image files you’re using.
I see you use very high resolution images. Can you try resizing the images on your computer so they’re smaller, then upload the resized versions and replace them in the gallery instead and check if this still happens?
I want to recommend that you use smaller images in any case. Your theme can at most display images at 1200 pixels wide, and most computer screens can’t handle images much bigger than that in any case. Consider that a 1200px image is about 300kb big, compared to the 4+MB of the 4000px images you’re using currently, which means by using the full size images you’re using several times more media storage per image than you actually need.
-
Thanks for that, @kokkieh. I’ve gotten a bit nervous about recommending best image sizes recently given the Retina display wrench in the works. Are 1200px or 1600px wide images sufficient for Retina?
Also loving the new support guide on Image optimization https://en.support.wordpress.com/media/image-optimization/ but there’s no mention of Retina-sizing there either.
PS there is another open source Lightroom-like image editor available for Mac and now for Windows (sort of) in Darktable https://www.darktable.org/
-
Ha! I haven’t even noticed that page had been updated :D
I suspect removal of the Retina and image editing software info might have been an error, so I’ll follow up on that.
The rule of thumb with Retina is to double up, so upload an image twice the size you need, and then we automatically serve the bigger version if we detect a Retina display.
Personally I don’t bother, though. On my photo site I use images slightly bigger than needed, but not double.
-
Thank you Kokkieh, that is very interesting.
The problem went away when I resized the window, and I haven’t now been able to reproduce it.
Thank you for your comment about file sizes. That is helpful and interesting. Can WordPress resize the file for me? The reason I ask is that, as I understand it, it’s laborious to do what you suggest. Currently I add photos by two/three simple steps:
1. “Add media”
2. Navigate to photo library on the mac, click on the photos I want.
3. “Add”, and it’s done.If I need to resize then what I have to do is:
1. Exit WordPress and go to my Photos app
2. Export the photo to a folder. I have to repeat the export to get the options right. The Photos app does not tell me how wide the photo is. I have only “small, medium, and large.” I just tried “medium”, and the images were small and poor quality. So I tried “large” which seems to be OK. 150KB.
3. Re-enter WordPress
4. Do “add media”
5. Navigate to the folder I just made
6. Select the photos, “Add”
7. Remember to delete the folder when I’ve finished.Is there a better way of doing it? You imply that there’s a way I can know that a photo is 1200px wide. But I do not know how I can do that with the apps I have. (Mac Photos on OSX). I do not know how wide my photos are, and I do not know how to find out easily.
I’d very much like to do what you suggest, to save storage, but is there a neat way to do it?
I sometimes post from the phone. I can’t go through the 7 stage procedure above on the phone. WordPress just posts from my photo library. So the images are necessarily big. Is there a way to do it, without having to embark on a multi-stage editing process?
I appreciate your help and your comments.
-
Are you uploading photos via the iOS app? The app does have an option to automatically resize images when you add them. You can set the maximum image upload size in the App Settings section under the profile tab.
If you use a browser, though, the image is uploaded as is. You can edit the image after uploading, but then we still save the original copy in addition to the resized copy, so it actually ends up taking more space. So with a browser it’s best to optimise your images first, before uploading.
On Mac you can use Preview to resize images if you don’t want to download any other image editing software.
- The topic ‘Three pictures in the gallery but only two are shown’ is closed to new replies.
WordPress.com Forums 
