你要在 web 上显示的图像的格式

部分

Squarespace 需要的猜测出格式您在 web 上显示的图像。我们创建每个上载的图像,以确保在任何尺寸的屏幕上完美显示七个变的体。

我们对如何设置您的图像格式在上传之前的一些建议。为获得最佳效果,请按照以下建议。

提示 ︰ 参观我们所有关于图像更多的意见及有关添加图像在整个站点的分步教程的视频系列。

术语表

这里有一些你会看到在本指南中的术语。

高宽比-图像的长宽比是其宽度与高度比例表示为一个数字,如 3:4。保持一致的纵横比,可以防止图像变得扭曲。例如,如果你可以降低图像的宽度的一半,你必须也高度减少一半。

图像宽度-在本指南中,图像的大小是指沿图像的宽度和高度的像素的数目。你的形象可能会在您的网站根据其容器大小显示更大或更小。若要了解详细信息,请访问调整图像的大小.

我上传的图像后,会发生什么?

当你上传的图像时,Squarespace 创建到七个版本的图像,每个都有不同的宽度。这些宽度是 ︰

100 像素

300 像素

500 像素

750 像素

1000 个像素

1500 像素

2500 像素 *

相对于宽度以保持图像的长宽比的高度变化。Squarespace 的内置快速响应设计挑选适当的图像大小根据访问者的屏幕上。

* 2500年像素宽度用于非常大的显示器。为您的网站上的大部分地区,加载图像的宽度为 1500年像素提供最佳的图像质量和加载速度为您的访客。更多提示,请参阅图像的最佳做法下面。

注 ︰ 图像上传通过样式编辑器显示在其原始图像的宽度。我们建议加载它们的 2500年像素沿其长边最大。

图像的要求

当上传图片到您的网站,请遵循以下准则 ︰

文件类型

用.jpg、.gif 或.png 格式仅保存的图像。

.pdf、.psd、.tff 和.doc 文件不是 web 兼容。

文件名称

只有在文件名称中使用字母、 数字、 下划线和连字符。其他字符 (如问号,百分号和 &) 可能会不正确上传或在画廊中导致意外的行为。

文件大小

上所有的图像上传,有 20 MB 的限制,但我们推荐使用图像文件小于 500 KB 的最好的结果。当它来到图像大小,越大并不总是更好。

决议

那里是图像分辨率的限制,60 MP (像素)。

颜色模式

在 RGB 颜色模式下保存的图像。在大多数浏览器中的呈现不会打印模式 (CMYK)。

颜色配置文件

将图像保存在 sRGB 颜色配置文件。如果图像不看起来对移动设备,可能是因为他们没有 sRGB 颜色配置文件。

图像的最佳做法

图像宽度

我们建议上传图片的最大宽度为 1500年像素为您的网站的大部分地区。

如果你上传一个非常大的图像和想要调整其大小到推荐 1500年像素,则可以使用鸟舍编辑器.

如果你需要你的形象非常大屏幕上显示或拉伸一个较大的内容区域的整个宽度,Squarespace 支持多达 2500年个像素宽的图像。

我们建议不要上传任何比 2500年个像素宽的图像。您的站点,站点全背景图像,如一些地区将拉图像以其原始的上载大小。如果图像比 2500年个像素宽,这可能会导致您的访客的问题。

提示 ︰ 如果在手机上加载不背景图像,请尝试减少其长边为 1500年个像素。

方向

确保您的图像是在上传之前正确的方向。如果您的图像保存颠倒,旋转图像与图像编辑软件加载到您的网站之前。图像编辑程序的列表,请访问编辑图像为您的网站.

如果你已经添加了图像到您的网站,您可以旋转图像使用内置鸟舍编辑器.

新闻部

如果你担心图像分辨率,你不需要担心 DPI (每英寸点数) 或 PPI (每英寸像素数),当我们没有这些会影响 web 显示质量。相反,专注于为您的网站使用工作的图像尺寸和保持下 500 KB 的文件大小。

徽标

添加时徽标将其上载到您想要显示的那些类似高空。在一些模板中,您可以调整使用徽标图像高度调整中的显示高度样式编辑器.

注意 ︰ 避免不得不增加您的徽标在样式编辑器的大小。它是更好地开始与一个大的图像,然后减小其大小,一旦它被上传到您的网站。注 ︰ 每个模板以不同的方式对待徽标。请访问我们模板向导要了解您的模板如何显示您的徽标。

图标

添加时小图标到您的网站,确保图像保存为.ico 或.png 文件。

小图标的建议的文件尺寸是 100 像素 × 100 像素为 300px × 300px。图标将显示在浏览器中为 16px × 16px。

注 ︰ 互联网资源管理器中无法显示.pngs 作为图标。

动画的以来

动画的以来是我们 1500年像素规则,特别是在图像块以来的例外。1500 像素宽.gif 可能会非常大,这可能会减慢你的网站。我们推荐动画的以来无论大小,你想要他们在您的网站上显示的格式。

有用的链接

创建和编辑图像

访问编辑图像为您的网站为链接到推荐的图像编辑软件。

内置的鸟舍编辑器

编辑您的 Squarespace 网站上的图像的帮助,请访问与鸟舍编辑器编辑图像.

高密度和视网膜显示

有关查看图像上高密度信息或视网膜显示、 访问我的网站在视网膜屏幕上的显示方式?.

产品图片

当上传图片的您在您的网站出售的产品,确保纵横比匹配您为产品大小选项在样式编辑器中的选择。

若要了解详细信息,请访问造型产品页.

图像块

有关在图像块中使用图像的信息,请访问使用图像块.

画廊块

有关显示与画廊块图像的信息,请访问使用库块.

库页

有关显示图像的画廊页的信息,请访问使用库页.

注 ︰ 为更高级的帮助与格式为您的网站的图像,我们建议前去参观Squarespace 的答案我们的客户和开发者论坛。您也可以考虑与咨询Squarespace 专家.