hi, my images are always blurry on my store. which format works best with shopify: gif, jpg, or png?
Hello @ni3 ,
It’s GemPages support team and glad to support you today.
About your question, I found an article of Shopify and it noted the following:
Best image formats for the web
Let’s look at the file formats most widely used in product photography and what each brings to the table. They are listed here by how commonly they’re used in product photography.
JPG
JPG is the most common digital image file format. It is widely supported and boasts a small file size with a good color range. Its compression allows you to balance file size and image quality.
PNG
PNG was created to improve the GIF format by removing its 256-color limitation. It’s widely accepted, lossless (reduces file size without reducing quality), and supports transparency (say, for transparent backgrounds). The downsides are that PNG file sizes can be large because of the lossless compression and the format is not as universally compatible as JPG.
HEIC
HEIC files are a space-saving file format that take up about half the space as an equivalent JPEG file using advanced compressive technology. It’s most commonly used to store photos on iOS devices, as it’s Apple’s standard file format.
WebP
WebP is a modern image format that provides superior compression for images on the web, with an average saving of over 30% in file size over traditional file formats like PNG and JPEG.
GIF
GIF offers small file size by compressing and reducing images to 256 colors. Although it has been widely replaced by PNG, it is still used for animation, as it’s the only format that both supports it and is universally recognized by browsers.
TIFF
TIFF is a lossless compression format that is widely supported by a range of editing and web applications. It offers high-quality image resolution, and multiple images and pages can be conveniently saved in a single file. However, the file size tends to be large.
Recap:
JPG is the most convenient for combining smaller size with decent quality.
PNG offers a higher quality lossless compression, it does so at the heavy cost of a larger file size.
GIF is useful if you are offering 360-degree shots and want lightweight files.
TIFF, by comparison, can offer great quality, but file sizes are usually rather heavy and impractical.
In addition, the images get blurry also relate to the image size. You could please read this article to know more detail: https://www.shopify.com/blog/image-sizes
Best regards,
GemPages Support Team
Hello @ni3
It’s GemPages support team and glad to support you today.
About your question, I found an article of Shopify and it noted the following:
Best image formats for the web
Let’s look at the file formats most widely used in product photography and what each brings to the table. They are listed here by how commonly they’re used in product photography.
JPG
JPG is the most common digital image file format. It is widely supported and boasts a small file size with a good color range. Its compression allows you to balance file size and image quality.
PNG
PNG was created to improve the GIF format by removing its 256-color limitation. It’s widely accepted, lossless (reduces file size without reducing quality), and supports transparency (say, for transparent backgrounds). The downsides are that PNG file sizes can be large because of the lossless compression and the format is not as universally compatible as JPG.
HEIC
HEIC files are a space-saving file format that take up about half the space as an equivalent JPEG file using advanced compressive technology. It’s most commonly used to store photos on iOS devices, as it’s Apple’s standard file format.
WebP
WebP is a modern image format that provides superior compression for images on the web, with an average saving of over 30% in file size over traditional file formats like PNG and JPEG.
GIF
GIF offers small file size by compressing and reducing images to 256 colors. Although it has been widely replaced by PNG, it is still used for animation, as it’s the only format that both supports it and is universally recognized by browsers.
TIFF
TIFF is a lossless compression format that is widely supported by a range of editing and web applications. It offers high-quality image resolution, and multiple images and pages can be conveniently saved in a single file. However, the file size tends to be large.
Recap:
JPG is the most convenient for combining smaller size with decent quality.
PNG offers a higher quality lossless compression, it does so at the heavy cost of a larger file size.
GIF is useful if you are offering 360-degree shots and want lightweight files.
TIFF, by comparison, can offer great quality, but file sizes are usually rather heavy and impractical.
In addition, the images get blurry also relate to the image size. You could please read this article to know more detail: https://www.shopify.com/blog/image-sizes
Best regards,
GemPages Support Team
@ni3
I think jpg and webp format are best for shopify.