A user running the Dawn theme on Shopify is encountering a “properly size images” error from Google PageSpeed Insights, specifically affecting thumbnails in multicolumn and featured collections.
Key recommendations provided:
srcset attribute to serve appropriately sized images based on device screen size and resolutionloading="lazy" attribute to defer loading images until they enter the viewportThe discussion remains open with multiple contributors offering similar optimization strategies. Several responses also mention third-party tools and apps for image optimization assistance.
Hello all.
So Google keeps showing me a properly size images error on pagespeed.
These are for thumbnails in Multicolumn and featured collections.
I have been searching high and low all week on how to fix this.
If somebody would be so kind and point me in the right direction on how I can fix this please?
I am on dawn theme.
Thank you
To address the “properly size images” error on Google PageSpeed Insights for your Lightroom site using the Dawn theme, you need to ensure your images are optimized and appropriately sized for their containers. Begin by optimizing the image sizes themselves, which means avoiding the use of images much larger than necessary. Tools such as TinyPNG or ImageOptim can compress your images without compromising on quality, ensuring they load faster.
Implementing responsive images is crucial. Using the srcset attribute allows the browser to choose the most suitable image size based on the device’s screen size and resolution. For instance, you can specify different image sizes in your HTML code so that the browser can select the best one for display. This approach ensures that images are not excessively large for smaller screens, thereby improving loading times and reducing bandwidth usage.
Lazy loading is another effective strategy to enhance page performance. This technique defers the loading of images until they are about to enter the viewport, which means images that are not immediately visible to the user won’t load until necessary. In HTML5, adding the loading=“lazy” attribute to your img tags is a simple way to implement lazy loading.
Ensure you are using the latest version of the Dawn theme, as updates often include performance improvements and bug fixes that can help with image handling. Additionally, for thumbnails in multi-column and featured collections, make sure you are generating appropriately sized thumbnails. If you are on Shopify, you can resize images directly in your theme’s Liquid code to fit the required dimensions without being larger than necessary.
Using a Content Delivery Network (CDN) can significantly enhance image load times by serving images from a network of servers closer to the user. This can also ensure that images are delivered in the appropriate size and format for the user’s device, further optimizing performance.
By following these steps—optimizing image sizes, implementing responsive images, using lazy loading, keeping your theme updated, resizing thumbnails correctly, and utilizing a CDN—you can address the “properly size images” error on Google PageSpeed Insights and improve the overall performance of your Lightroom site. If you encounter any specific challenges or need further assistance, feel free to ask for more detailed guidance.
Thank you for your very detailed reply. I truly appreciate it.
Google penalizes websites with improperly sized images, impacting SEO. Lightroom Pro helps optimize images before upload. Export settings allow precise control over dimensions and file size, ensuring images are web-friendly. This avoids Google’s “properly size images” error, improving site performance and user experience. @ImStillLearning @sonianaz
It sounds like you’re facing issues with image optimization for your thumbnails and featured collections on the Dawn theme. To fix the “properly size images” error on Google PageSpeed, you should ensure your images are not larger than necessary for the display size. You can do this by:
You might also want to try Shopify apps or tools for image optimization, or manually resize your images to match the display requirements in the Dawn theme. Other wise visit Photoroom Pro for as final advice.
Google penalizes websites with improperly sized images, impacting SEO. CapCut Pro helps optimize images before upload. Export settings allow precise control over dimensions and file size, ensuring images are web-friendly. This avoids Google’s “properly size images” error, improving site performance and user experience.
Hi!
The “properly size images” error on PageSpeed Insights is a common issue, especially with thumbnails in multicolumn and featured collections on the Dawn theme.
To fix this, make sure your images are resized to match their display dimensions—avoid uploading images larger than necessary. Using responsive images with the srcset attribute helps serve the right image size depending on the device. Also, compress your images to reduce file size without losing quality, and enable lazy loading (loading=“lazy”) to improve page speed.
Keeping your Dawn theme updated is important, as newer versions often improve image handling. You can also resize thumbnails directly in your theme’s Liquid code if needed.
For more detailed tips and easy-to-follow guides, you can visit PhotosRoomAI — we cover Shopify image optimization extensively.
Hope this helps!