Hi,
I am busy optimizing my site, I am busy with the image optimization and I have a couple of questions:
1 - What are the best pixel dimensions to use for the product images?
At the moment I have been making the images 1024 x 1024 @ 72DPI
2 - I ran a test on Googles PageSpeed Insights and it reported the following:
http://kitticraft.com/.../YooVee-1.png is resized in HTML or CSS from 1,024x1,024 to 160x160. Serving a scaled image could save 970.7KiB (97% reduction).
http://kitticraft.com/.../Triad-Post_ph.png is resized in HTML or CSS from 1,024x1,024 to 160x160. Serving a scaled image could save 636.3KiB (97% reduction).
http://kitticraft.com/.../ZuluHut-300x300.png is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 83.1KiB (71% reduction).
http://kitticraft.com/.../Tsuki-300x300.png is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 66.2KiB (71% reduction).
http://kitticraft.com/.../X-300x300.png is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 51.8KiB (71% reduction).
http://kitticraft.com/.../Banner2.jpg is resized in HTML or CSS from 958x371 to 930x340. Serving a scaled image could save 29.9KiB (12% reduction).
I am assuming that this report was generated due to the images being used in the product slider on my home page (and the last one from the slideshow). Is there anyway that I can create smaller images for the slider to use, or will it always automatically take the large product image and scale it down?
3 - Are there any other Abundance related image optimization issues that I should pay attention to?
Thanks in advance,
Lawrence














