shopify 页面模板（Shopify自定义模板图片格式及上传方法介绍）shopify worldfirst，难以置信，

您能在您的Shopify新浪网零售店中采用许多相同类别的相片，包括您的公司logo、产品相片、PPT、条幅和网志该文相片。根据您想采用相片的方式和边线，最好以特定大小不一或文档格式上载那些相片。

上载相片

您能在两个相同的边线为您的新浪网零售店上载相片：

在文档网页中上载文档

您能在 Shopify 前台的文档网页中上载相片。这很有用，因为这使您能在撰稿任何模版时出访那些相片。有关详细资料，参见将文档上载到您的网站。

在模版GUI中上载相片

您能在模版GUI中为模版加进相片。

步骤：

在 Shopify 前台中，转到新浪网零售店 > 模版。

找到您要撰稿的模版，然后点选自订。

在模版GUI图标中，空格键要向其加进相片的南区。优先选择包涵相片示例的南区：

通过空格键优先选择相片来加进相片。班莱班县从计算机上载相片，请空格键上载。班莱班县采用 Burst 中的完全免费库存相片，请空格键完全免费相片。

空格键保存。

相片文档格式

Shopify 全力支持下列相片文档格式：

JPEG 或 JPG

渐进 JPEG 文档格式

PNG

GIF

Shopify 在全力支持的应用程序上用 WebP 文档格式表明相片。

附注:除了将不受全力支持的文档格式切换为受全力支持的文档格式外，Shopify 不能在上载时修改您的相片。如果您上载的相片的文档格式不受全力支持，则 Shopify 会将其切换为 JPEG 或 PNG 文档格式。大多数相片文档格式单厢切换为 JPEG 文档格式。

何时能采用 JPEG 相片

JPEG 相片适于摄影作品和其他色彩复杂的静止相片。JPEG 文档格式具备包涵数一百万种色调的图象。JPEG 还具备有损填充功能，这有利于大力推进网页读取速率，而不能使相片产品质量明显增加。

将 JPEG 文档格式用作下列类别的相片：

产品

条幅或PPT

网页和网志该文。

何时能采用 PNG 相片

PNG 相片适于用作点阵且没有蓝紫色的图形和图标。PNG 文档格式也能全力支持有效性。

将 PNG 文档格式用作下列类别的相片：

logo

图标

前面板和装饰。

填充率

为了大力推进读取速率，当相片表明在您的新浪网零售店上时，Shopify 会对那些相片进行填充。填充相片意味着减小位元率，从而能更慢地读取网页。通过填充，更多相片能储存在取值数量的硬盘或物理地址中。此外，还大幅减少了出访相片所需的时间。填充可能会导致相片的产品质量发生变化，具体依赖于相片的文档格式、大小不一和原初产品质量。

填充后的 Shopify 相片产品质量等级如下右图：

JPEG：65 到 90 之间

PNG：90

GIF：产品质量没有变化

对于 JPEG 相片，填充相片的产品质量级别依赖于原初 JPEG 相片的产品质量以及输出大小不一：

上载管制

上载到 Shopify 的相片在一百万画素和位元率（以一百万二进制为单位）方面都有管制。一百万画素用作表示相片由几一百万画素构成。一百万二进制用作表示相片挤占了几一百万二进制的缓存或系统资源。

上载到 Shopify 的相片不能超过下列下述管制：

2000 万画素

20 MB

附注：上载产品相片的相片和位元率管制各不相同。

色调命令行

当您查看新浪网零售店中的相片时，相片中的色调可能与您上载到 Shopify 的原初相片中的色调相同。如果相片具备色调命令行（即储存在扩展名为 .ICC 或 .ICM 的文档中的一组数据），则可能会出现此情况。色调命令行通常内嵌在相片内，有利于对色调在相同设备上的操作方式进行标准化统一。当相片表明在您的新浪网零售店上时，它们的色调命令行将被删除。

删除色调命令行的原因包括：

并非所有设备都能读取 .ICC 或 .ICM 色调命令行，因此，使它们保持不变可能会导致设备间的相片色调不一致。

上载的相片不包涵色调命令行时，Web 应用程序会采用 sRGB（最常用作在 Web 上表明相片的色调命令行）。这能确保您的相片在所有主要的 Web 应用程序和设备上看起来都是相同的。

色调命令行可能挤占大量的系统资源，从而导致读取时间过长。

删除相片的色调命令行

在将相片上载到 Shopify 之前，您能通过在没有色调命令行的情况下保存相片，从而将色调命令行从相片中删除。此过程因您的相片撰稿程序而异。

采用 Adobe Illustrator 或 Adobe Photoshop 删除色调命令行

采用 Adobe Illustrator 或 Adobe Photoshop 删除色调命令行：

空格键撰稿 > Assign Profile（分配命令行）。

优先选择 Don’t Color Manage This Document（不对此文档进行色调管理）。

空格键确定。

采用 Adobe InDesign 删除色调命令行

班莱班县采用 Adobe InDesign 删除色调命令行，请执行下列操作：

空格键撰稿 > Assign Profile（分配命令行）。

对于 RGB 命令行和 CMYK 命令行，请优先选择 Discard (Use Current Working Space)（放弃(采用当前工作空间)）。

空格键确定。

有关详细资料，能查看关于色调命令行的 Adobe 文档。

适用作PPT和全宽相片的最佳做法

许多 Shopify 模版都包涵大型相片或PPT，能扩展到应用程序的高度（Boundless 和 Brooklyn）或适应您的屏幕尺寸 (Venture)。

如果您采用其中一个模版或拥有尺寸较大的PPT或背景相片，那么了解哪种类别的相片看上去效果最佳是非常重要的。

由于大图无法适应所有设备，因此 Shopify 有时仅表明部分相片，具体依赖于您采用的设备。如果您的相片PPT包涵大量大图，那么您可能会发现相片的某些部分不可见。

建议

为了确保相片能很好地适应您的模版，请注意下列事项：

一些模版拥有一个相片边线设置，您能用作指定相片的哪部分是焦点。如果您的模版没有此类设置，请确保每张相片的焦点都位于中心。当您的相片在某些屏幕上经过裁剪后，焦点是可见的，而它周围的区域可能会被隐藏。

用作PPT或背景的相片中不应包涵文本。如果文本是相片本身的一部分，则可能会根据您的模版对它进行移动、裁剪或调整。采用模版GUI加进文本和转至PPT的链接。

对于在PPT中采用的或作为背景采用的相片，请优先选择简单相片，从而使任何叠加的文本易于阅读。

高屏幕上的宽相片

当用作查看宽相片的设备是高屏幕（例如手机或平板电脑）时，那些宽相片可能会在左右两侧进行裁剪：

宽屏幕上的高相片

当用作查看高相片的设备屏幕较宽（如笔记本电脑或台式机）时，则可能会裁剪该相片的顶部和底部：

（来源：Shopify）

以上内容属作者个人观点，不代表雨果网立场！如有侵权，请联系我们。

相关推荐：Shopify模版上如何加进完全免费的图库照片