Steps
Resize to the display size
Drop the whole batch, choose Pixels, keep Keep aspect ratio ticked and type only the width your layout uses (check your theme's content or product image width). Every image in the batch gets that width and its own height, so resize landscape and portrait photos in separate batches if they should share a long edge, and leave out images that are already smaller, because they would be enlarged. Saving creates fresh files, which strips EXIF metadata such as camera details and location. Download all as a ZIP, then unzip it for the next step.
Convert to WebP and compress
Drop the resized images. The output format is set to WebP; start with quality around 75 to 85 and compare a few results at full size, especially faces, text and fine gradients. Use Max width and Max height as a safety cap: they only shrink images, never enlarge them. The table shows the size before and after. If your browser cannot encode WebP, the file is saved in a format it can, so check the file type in the table.
Bundle the images into one ZIP
Add the WebP files (or a whole folder), name the archive and press Create ZIP. WebP files are already compressed, so the ZIP mainly keeps them together for upload or hand-off; files that would not get smaller are stored as they are. Keep your original photos: WebP at reduced quality is not a replacement for the master copy.
Requirements and sources
| What | Value | Source |
|---|---|---|
| Shopify - recommended size for square product images | For square product images, a size of 2048 x 2048 px usually displays best. | Product media types - Shopify Help Center Last verified 2026-10-21 |
| Shopify - maximum image file size | Product and collection images need to have a file size smaller than 20 MB to be added to Shopify. | Product media types - Shopify Help Center Last verified 2026-10-21 |
| Shopify - accepted image file types besides PNG and JPEG | Other accepted file types are TIFF, BMP, GIF, SVG, HEIC, and WebP. | Product media types - Shopify Help Center Last verified 2026-10-21 |
| Google Search - image formats supported in img src | BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF. | Image SEO Best Practices - Google Search Central Last verified 2026-10-21 |
| WordPress - WebP uploads (since 5.8) | From WordPress version 5.8 forward, you can upload and use WebP images in WordPress like you would a JPEG or PNG image today (as long as your hosting service supports WebP). | WordPress 5.8 adds WebP support - Make WordPress Core Last verified 2026-10-21 |
| Safari 14 - WebP support | Added WebP image support. | Safari 14 Release Notes - Apple Developer Documentation Last verified 2026-10-21 |
| Largest Contentful Paint (LCP) - good threshold | To provide a good user experience, sites should strive to have Largest Contentful Paint of 2.5 seconds or less. | Largest Contentful Paint (LCP) - web.dev Last verified 2026-10-21 |
FAQ
What width should I resize to?
Use the largest width at which the image is displayed on your site, allowing for high-density screens if sharpness matters. Your theme or page builder usually states its content and product image widths. Shopify's own guidance for square product images is 2048 x 2048 px.
Will WebP work for all my visitors?
Apple's release notes list WebP image support as added in Safari 14, which shipped with iOS and iPadOS 14 and macOS Big Sur 11; check your own analytics for very old browsers. If you must support much older browsers or email clients, keep JPEG versions as well, or serve WebP with a JPEG fallback in a picture element.
Can I upload WebP to WordPress and Shopify?
WordPress accepts WebP uploads from version 5.8 if your host's image library (Imagick or GD) supports WebP. Shopify lists WebP among accepted product image types. Other platforms and plugins may re-encode images on upload, so check the file your site actually serves.
Why are my images still large after converting?
Pixel dimensions matter more than format: a phone photo several thousand pixels wide stays heavy even as WebP. Resize first, then lower the quality a step at a time. For logos, screenshots and graphics with flat colours, PNG with 256 colours in the compress step can be smaller than WebP.
Does this remove location data from my photos?
Yes. Both the resize and compress steps write new files from the pixels only, so EXIF metadata such as GPS location and camera details is not copied. Nothing is uploaded while you do it.
BufferMint is not affiliated with Shopify, Google, Apple or WordPress. Platform image requirements are set by each service and change; check their help pages. Images are processed in your browser and are not uploaded.