6. 网站图片的处理
一、关于图片的尺寸(宽高)。
网站上常用的图片宽高比为:4:3 、16:9 、 1:1三种。

首先我们看第一种情况:新闻封面图

如果我们使用长宽比不一致的封面图,就会导致图片高度不一致,或者图片被压扁或拉长。
所以,我们对于像新闻、产品都要使用统一的长宽比的封面图。例如:新闻统一使用4:3的封面图,产品统一使用1:1的封面图。
如果您需要自行设计轮播图(首页导航下面的大图),那么请向客服索取宽高比。
二、关于图片的清晰度。
截止2024年,世界上仍有较大比例的欠发达地区使用3G网络,所以,我们处理图片的原则是在保证清晰度的前提下,尽量缩小图片的数据量。
图片有一个重要的属性就是分辨率,假如我们对一张1:1宽高比的图片的横向和纵向分别注入800个像素点,这张图片的分辨率就是800x800,那么它的清晰度就一定比注入200个像素点的200x200分辨率的图片更加清晰。
所以我们不要使用较大分辨率的图片,或者使用图片处理软件对较大分辨率的图片进行修改。
如果您对图片分辨率不太了解,可以将图片的分辨率设定为1200px - 1600px之间,足以保证其清晰度和图片数据量。
如果您自行设计轮播图,则分辨率宽度为3840px像素,高度需要询问客服。
网站上的图片尽量控制在300K以内,为了达到这个目的,我们需要对图片进行处理。
通常我们使用 https://tinypng.com 进行压缩。操作方法非常简单,只需将图片拖入处理框中,点击处理即可。
