shopify市肆图片名堂和压缩率先容
图片名堂
Shopify 支持以下图片名堂：
JPEG 或 JPG
渐进式 JPEG 名堂
PNG
GIF
HEIC
WebP
备注
Shopify 使用内部效劳 Imagey 来检测客户的 Web 客户端支持的图片名堂，，，，，，，然后自动以最佳可用名堂显示图片。。 。。 。。
何时使用 JPEG 图片
JPEG 图片很是适合摄影作品和其他色彩重大的静止图片。。 。。 。。JPEG 名堂具有包括数百万种颜色的调色板。。 。。 。。JPEG 还具有有损压缩功效，，，，，，，这有助于加速页面加载速率，，，，，，，而不会使图片质量显着降低。。 。。 。。
将 JPEG 名堂用于以下类型的图片：
产品
横幅或幻灯片
页面和博客文章
何时使用 PNG 图片
PNG 图片很是适适用于单色且没有渐变的图形和图标。。 。。 。。PNG 名堂也能够支持透明度。。 。。 。。
将 PNG 名堂用于以下类型的图片：
logo
图标
边框和装饰
压缩率
为了加速加载速率，，，，，，，当图片显示在您的在线市肆上时，，，，，，，Shopify 会对这些图片举行压缩。。 。。 。。压缩图片意味着减小文件巨细！� 。。 。。�，，，，，从而可以更快地加载页面。。 。。 。。通过压缩，，，，，，，更多图片可以存储在给定命目的磁盘或内存空间中。。 。。 。。别的，，，，，，，还大幅镌汰了会见图片所需的时间。。 。。 。。压缩可能会导致图片的质量爆发转变，，，，，，，详细取决于图片的名堂、巨细和原始质量。。 。。 。。
压缩后的 Shopify 图片质量品级如下所示：
JPEG：65% 到 90% 之间
PNG：90%
GIF：质量没有转变
关于 JPEG 图片，，，，，，，压缩图片的质量级别取决于原始 JPEG 图片的质量以及输出巨细！� 。。 。。�
| 原始质量 | 输出尺寸 | 输出质量 |
|---|---|---|
| 86% 或以上 | 高或宽为 1024px 或以上 | 85% |
| 65 - 85% | 高或宽为 1024px 或以上 | 原始质量 |
| 64% 或以下 | 高或宽为 1024px 或以上 | 65% |
| 76% 或以上 | 高度和宽度均小于 1024px | 75% |
| 65 - 75% | 高度和宽度均小于 1024px | 原始质量 |
| 64% 或以下 | 高度和宽度均小于 1024px | 65% |
Shopify商户官网原文详情：
Image formats
Shopify supports the following image formats:
JPEG or JPG
Progressive JPEG
PNG
GIF
HEIC
WebP
Note
Shopify uses Imagery, an in-house service, to detect which image formats are supported by your customer's web client, and then automatically displays the image in the best format available.
When to use JPEG images
JPEG images are ideal for photography and other still images with complex colors. The JPEG format has a palette with millions of colors. JPEG also has lossy compression, which can help to keep page loading times fast without a noticeable loss in image quality.
Use the JPEG format for the following kinds of images:
products
banners or slideshows
pages and blog posts
When to use PNG images
PNG images are ideal for graphics and icons with flat colors and without gradients. The PNG format is also able to support transparency.
Use the PNG format for the following kinds of images:
logos
icons
borders and trims
Compression rates
To keep load times fast, Shopify compresses images when they're displayed on your online store. Compressing an image means reducing its file size to allow for faster page loading. With compression, more images can be stored in a given amount of disk or memory space. Additionally, the time required to access the images is greatly reduced. Compression might result in a change in image quality, depending on your image's format, size, and original quality.
Shopify's image quality levels after compression are as follows:
JPEG: Between 65 - 90 percent
PNG: 90 percent
GIF: no change in quality
For JPEG images, the quality level of a compressed image depends on the quality of the original JPEG image as well as the output size:
Original quality Output size Output quality 86% or more Height or width of 1024px or more 85% 65 - 85% Height or width of 1024px or more Original quality 64% or less Height or width of 1024px or more 65% 76% or more Height and width both less than 1024px 75% 65 - 75% Height and width both less than 1024px Original quality 64% or less Height and width both less than 1024px 65%
文章内容泉源：Shopify商户官方网站