Limit image size

When using PageFly Page Builder on Shopify, uploading images larger than 20MB may result in an error due to exceeding the maximum data limit per page. This issue can cause long loading times or prevent the image from uploading altogether. This article guides you on how to effectively limit image sizes to avoid those problems

Requirements

• Basic Understanding of Image Sizes: Knowledge of image dimensions and file size impacts on web performance.
• Image Optimization Tools: Access to image optimization tools like for resizing and compressing images.

How To Fix “Limit Image Sizes” Error In PageFly

To prevent errors while uploading your images to PageFly pages, follow these tips:

Choose Another Image

Select an image that naturally complies with Shopify’s 20MB size limit. Opt for images that are close to this size to minimize the need for compression and preserve the image’s quality.

Compress Your Image

You can use the same image, but ensure to compress its size to under 20MB by following these steps:

1. Select a reliable image optimization tool like TinyPNG, or ImageOptim.
2. Upload your image into the chosen tool.
3. Choose compression level (this step may not be available in some tools)
4. Apply compression settings to reduce the file size below 20MB. Aim for a balance between file size and image quality.
5. Save the optimized image to your device.
6. Upload the optimized image to your PageFly page

If issues persist, please contact the PageFly support team through the in-app live chat available 24/7 for assistance.

Use Case

• Homepage Design: Optimize hero images and banners to stay under the 20MB limit to ensure fast uploads and swift page loads.
• Product Galleries: Keep high-resolution product images below 20MB to prevent upload errors and maintain quick loading times while preserving detail.

Tips And Best Practices

• Batch Process Images: Use tools that compress multiple images at once to save time and keep image quality consistent across your site.
• Monitor Image Dimensions: Only use images as large as needed for their purpose to help keep file sizes small.

Frequently Asked Questions

1. Does the dimension of the image affect its file size?

Yes, larger dimensions typically result in larger file sizes; reducing dimensions can help keep the file size manageable.

2. Does PageFly have an image size limit?

PageFly itself does not impose a limit, but it recommends keeping image file sizes under Shopify’s 20MB limit to avoid upload issues and maintain site performance.

Additional Resources

• Limit elements on a page
• Unable to import your data