Shopify网站图片要求与图片优化

即刻注册SHOPIFY账户, 跟着我们精心准备的SHOPIFY教程开始外贸独立站之旅!

本篇文章是对《Shopify产品图片的上传与优化》的补充,补充内容如下:

Shopify支持的图片格式包括

  • JPEG / JPG
  • Progressive JPEG
  • PNG
  • GIF

如果你上传的图片格式不是以上类型的图片,Shopify会自动将你上传的图片格式转换为以上类型的图片,大部分其他格式的图片都会转化为JPEG,SVG格式的图片会被自动转化为PNG格式的文件。

以上几种类型的产品图片,在不同的使用环境中各有优势,Shopify官方的建议如下:

JPEG / JPG格式的图片

JPEG/JPG格式的图片适合用于显示色彩相对丰富复杂的静止图像,例如拍照的照片图片格式通常为JPG格式的文件。JPEG/JPG格式的图片色彩丰富,同时可以在保证图片质量的前提下保证图片的显示效果,就是对图片的无损压缩,这样既保证了图片的显示效果,对图片的无损压缩减小的文件的大小从而保证了网站的打开速度。

因此,JPEG/JPG格式的图片适用于 产品图片,网站的Banner图片,轮播图片,网站页面和博客文章里面的图片。

PNG格式的图片

PNG格式的图片是图形图标文件的理想格式,同时也支持透明度功能,因此在网站的里的Logo图片,以及社交图标文件等等图片应用建议选择PNG格式的图片。

Shopify对图片的自动压缩

为了提高网站的打开速度,减少网站页面的加载时间,同时将更多的图片存储在特定数量的磁盘中,Shopify会在特定的条件下对满足特定要求的图片进行压缩。图片压缩之后可能会导致图像质量的改变。压缩之后的图片的分辨率和你上传的图片的分辨率以及图片尺寸有关系。通常被压缩之后的图片的分辨率DPI为

  • JPEG:65-90之间
  • PNG:90
  • GIF:不会被压缩

图片的具体分辨率设置可以使用PS查看与调整(快捷键Ctrl+Alt+I)

shopify产品图片

对JPEG格式的文件来说,压缩之后的图片的分辨率和你上传的图片的分辨率以及图片的尺寸有关系。

原图分辨率 图片尺寸 压缩之后的分辨率
86或者更高分辨率 图片宽或高大于等于1024px 85
65 – 85 图片宽或高大于等于1024px Original quality
64或者更低分辨率 图片宽或高大于等于1024px 65
76或者更高分辨率 图片宽和高都小于1024px 75
65 – 75 图片宽和高都小于1024px Original quality
64或者更低分辨率 图片宽和高都小于1024px 65

图片文件限制

上传到Shopify网站的图片在网站的像素尺寸和文件大小方面都有限制,超过以下任意限制在上传文件的时候会显示出错。

  • 图片像素方面的限制为2000万像素, (图片长与宽像素的乘积)
  • 文件大小方面的限制为20M

关于大尺寸图片在不同设备终端的显示问题

大部分的Shopify主题(例如Boundless,Brooklyn,Venture)支持使用全屏的Slideshow图片或者Banner图片,在上传这些图片之前,你需要首先了解这些图片在不同设备上的显示问题,因为Shopify是一个自适应的系统,会自动调整图片的显示尺寸以适应不同屏幕的大小,在电脑上可以全屏显示的图片,当用户使用手机访问时显示的图片可能只是原图的一部分。

因此为了保证你的图片能够在任意大小的屏幕上有最佳的显示效果,在制作大图时需要注意以下几点:

  1. 尽可能的将你想要展示给客户的重要图片信息显示在图片中间,以防止在电脑上可以正常显示的图片在手机上访问时被截掉。如下图,Shopify系统对大图的截取示意:
    shopify产品图片
  2. 用于Banner或者Slideshow的图片在上传到Shopify上之前,请不要添加任何文字信息,以防止在手机上访问时文字别截掉。你可以在图片上传之后使用Shopify系统为图片添加文字信息,这些文字是独立于图片的,是自适应的,不会被截掉。
  3. 图片不应该过于复杂,以防止你在后期添加文字的时候文字显示效果太差难以阅读,如果确实无法避免使用太过复杂的图片,可以在图片上传之后使用Shopify的图片Overlay功能,在图片上方蒙上一层可以调整透明度和颜色的涂层,以凸显文字的显示。

如下图分别为不使用Overlay的文字显示效果,使用黑色+30% Overlay的显示效果以及使用红色+30% Overlay的显示效果。

shopify产品图片 shopify产品图片shopify产品图片

未经允许不得转载:Shopify教程 » Shopify网站图片要求与图片优化

赞 (7) 打赏

Shopify 新用户账户注册注意事项

  • Shopify新卖家注册账户前请务必认真阅读以下Shopify账户注册注意事项:

    注册前 关闭翻墙工具保证注册IP地址和你的实际地址一致
    不要使用 国内的QQ数字邮箱,以及126,163 等邮箱地址进行账号注册
    打开Shopify官网进行注册 – www.shopify.com
    注册账户时要求填写的 地址信息要真实有效
    账户缴纳月租时务必 关闭翻墙工具再提交信用卡信息进行付款
    ♥ 据经验:关于VPN的使用, 请在注册SHOPIFY账户提交信用卡信息缴纳月租两个时间点关闭VPN,其他时间段使用VPN没有问题. 如果账户因为VPN问题导致被封,可以申诉说明使用VPN的原因,可以很快申诉成功 – Happy Shopify!

    现在就注册SHOPIFY独立站账户 – 免费试用14天
    阅读更多关于SHOPIFY建站运营推广相关的内容 

error: 未经作者许可,本站禁止一切形式的转载!