How to reformat hero images for an ecommerce gallery

Your product hero image looks right on your computer, but the ecommerce gallery rejects it, displays it poorly, or shows a blank thumbnail. Changing the file format can help, but it will not correct every image problem.

Use the Image Converter to make copies in a format your store accepts. Then check the image dimensions, crop, and appearance before replacing the image in your gallery.

Reformat the hero images

1. Check your store's upload requirements. Look for accepted file types, recommended pixel dimensions, and any maximum file size for product or hero images.
2. Open the Image Converter and add the original image files. It supports JPG, PNG, WEBP, GIF, BMP, ICO, and TIFF, with up to 50 images at once.
3. Choose an output format accepted by your store. For most product photographs, JPG or WEBP is a sensible starting point. Use PNG when you need a transparent background or the image is mostly sharp graphics and text.
4. Convert the files and save the new copies. Keep the originals unchanged, then open the converted images and inspect them before uploading.

If the gallery still rejects the image, check whether the issue is its dimensions, file size, or aspect ratio rather than its format. For a broader look at format choices for store uploads, see image formats for an ecommerce product upload.

Choose a format that fits the image

JPG for product photographs

JPG is commonly accepted and works well for photographs without transparent areas. It uses lossy compression, which means some image detail is discarded to reduce file size. Convert from the original when possible. Repeatedly saving a JPG as another JPG can gradually make edges and fine details look worse.

WEBP when your store supports it

WEBP is a web image format that can store photographs and transparency. It may produce a smaller file than JPG or PNG at a similar visual quality, but the result depends on the image and conversion settings. Check that your store accepts WEBP and that the image displays correctly in the gallery before using it for every product.

PNG for transparency and crisp graphics

PNG keeps sharp edges and can preserve transparent areas. It is useful for a product cutout with no background, a logo, or artwork with flat colors. A photographic PNG can be much larger than a JPG, so do not choose it automatically for every product shot. JPG does not support transparency, so converting a transparent image to JPG will not retain that clear background.

GIF, BMP, TIFF, and ICO

Use these only when your store specifically needs them. GIF can contain simple animation, while BMP and TIFF are often used for other workflows and may be too large or unsupported for a product gallery. ICO is intended for icons, not ordinary hero images. Renaming a file extension does not convert its format.

How to fix common upload problems

1. Confirm the gallery's accepted formats. Check the upload message or store settings for the exact file types allowed. Convert to one of those formats rather than relying on a file extension change.
2. Check the pixel dimensions. A large image can be in the right format and still exceed an upload limit. Conversion changes the format, not necessarily the image's width or height. If the dimensions are wrong, resize a copy with an image editor that supports resizing.
3. Match the gallery's shape. A wide hero slot can crop a square or portrait source in an unexpected way. Compare the source image's proportions with the gallery slot. If they differ, crop a copy to the required shape before uploading.
4. Check the file size separately. Changing formats does not guarantee a smaller file. If the store has a size limit, use its recommended export settings or resize the image to the required dimensions, then check the resulting file size.
5. Inspect transparency and fine details. After conversion, view the whole image against both a light and dark background if it has transparency. Zoom in on product edges, small text, and patterns to catch halos, rough edges, or compression artifacts.
6. Upload a single test image first. Confirm that the image appears in the gallery, uses the expected crop, and looks clear on a phone-sized preview. Once it works, apply the same process to the rest of the images.

Why a format change may not solve the problem

Image format, dimensions, and aspect ratio are separate properties. Reformatting changes how image data is stored. It does not add detail to a small image, make a square image wide, or remove unwanted space around a product. A photo that looks blurry after upload may be too small for the gallery slot, while a correctly sized image may still look cropped because its proportions do not match.

Also compare the converted file with the original at the same display size. A smaller file is not automatically a better result if it makes product labels, fabric texture, or other important details harder to see. If the converted image looks worse, return to the original and try a different output format or export setting.

The Image Converter processes images in your browser. Your files stay on your device while you convert them.