Gallery app on mobile

got to work out whats going on here. I have 2 sites running one of which is a test muck about site.. I created a several galleries and when I view on my iPhone I can pinch and zoom ok…but on my other site I try pinch and zoom it just crashes…really weird. I am going to delete all the galleries and try again.
only trying it cos my mate blind as a bat and every time I show him a photo on my phone he zooms in hahahaha

If you’re having issues can you share the URL of the live page so we can take a look, thanks!

im going to redo it first as it was created before the last update

top one seems to work ok on mobile
bottom one not

They work okay on my iPhone. However, I would advise resizing and compressing your images a little more before building your galleries (some of the images are over 2MB).

Perhaps run some image optimizations on your photos and re-build your galleries.

ok thanks images all work just couldn’t pinch to zoom on some

do you mean use something like Squash which I had used in the past?

Hi @Godber — the second gallery page you linked to is loading 75MB of data, which is a huge amount for a single web page.

That’s very likely contributing to the zoom issue you described.

As a first step, I’d recommend resizing and compressing all your images before adding them to Elements. This will significantly reduce the overall page size and ease the load on the browser’s rendering engine, which should lead to better performance.

on the case as we speak hahahaha
as the page would only get bigger as time goes by do you think I need to divide into separate or more pages…then create buttons or links to other pages

I use Affinity photo for my photography stuff but to optimise photos is a bit awkward as it saves in its own format and I have to export in a different one to get jpg…I might buy squash again but the question is what file size would you recommend, per photo for the best quality. ive also split all the albums onto separate pages now.

Have you considered writing a macro in Affinity to do the optimisation etc and export?

could do yes but been trying best sizes and DPI etc etc …I used Squash before and was good.

@Godber

WebP is the best format choice for superior compression, followed by jpg.

I don’t “think” Elements supports WebP just yet.

DPI is irrelevant for the web, only relevant in print. Use 72.

Dimensions: 150x150 to 300x300 for thumbnails. 1200x800 for full scale. Never exceed 1920x1080 else they will leave before they see the images.

thanks I read similar and also AVIF was the best then WebP…I read elements has png and jpg but I tried a WebP and that seems to work

AVIF is better, but much newer so the browser support isn’t as far reaching back.

thanks for the info