Can anyone help me figure out why my photos are loading very slow on my samples page?
Your images are around 2000px x 2000px which are very big. Try to resize and optimise the images.
When using images for icons/graphics do 2x px size for crisp image on Retina displays. So in your case with the heart thumbnails where they are around 200px width then do max 400px width.
Ohhhh, thank you I will resize them all!
This is not so much an issue about the dimensions; it's the format you're using.
PNG is great because it preserves transparency, but even if you scale these images images to 400x381 as suggested above, most will still be sized at well over 200 KB, meaning the total assets could reach over 2 MB. Of course, at the current size, some of them are 3 to 4 MB each!
Here's the thing: your website's background is white—this means you don't need that transparency! The same assets using high quality JPEGs at 400x381 are less that 50 KB each, saving as much as 80% compared to PNG and almost 99% compared the original, larger PNGs!
I recommend you Caesium (lossless image compressor): https://saerasoft.com/caesium/
The default settings are good! You may still tweak it for best results.
In this topic you can find other alternatives: https://forum.webflow.com/t/best-image-optimization-tools/2489/10
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.