图片处理:尺寸、命名、压缩

分享本文:

Share Buttons
文章目录

先根据网站设计方案(模板/定制),准备好对应尺寸的图片,然后做好图片命名,最后压缩上传。

由我司负责上传的图片,外贸企业只需准备尺寸合适的图片,我司会做好命名和压缩。

尺寸

上传到网站的图片,比例要与原占位图片相近。比如:原占位图片为横向,不要准备竖向图片。

为统一网站整体视觉效果,建议同类图片的比例保持一致。比如:整站产品主图统一为 1:1。

图片的宽度和高度没有严格要求,但主流电脑屏幕为 1920 x 1080 px,图片尺寸通常更小。也可以按单张图片占屏幕的比例,计算出图片宽度。

图片处理:尺寸、命名、压缩
图片宽度 / 屏幕宽度100%50%25%
推荐的图片宽度(仅供参考,不强制要求该尺寸)1920px960px480px

图片命名

外贸网站的图片名称,可以使用英文和数字,推荐使用【页面/产品/文章标题 + 数字序号】。

不要用中文命名,海外访客会在地址栏看到奇怪的字符串,对 SEO 也不友好。

图片处理:尺寸、命名、压缩
图片处理:尺寸、命名、压缩
图片处理:尺寸、命名、压缩

压缩

为保证网站加载速度,所有图片先压缩,后上传。通常首页大图 ≤ 500 KB,其它图片≤ 300 KB。

不要上传 MB 级别的图片——常见于相机、手机拍摄的原图。

图片在线压缩工具(免费免登录):https://tinypng.com/https://tinyjpg.com/

背景图与前景图

前景图常见于产品主图、产品相册、文章正文,它们总是可以完整展示,要保证足够清晰。

背景图常见于 Hero、Banner,可以在上方叠加文字、按钮等元素。图片内容如果与业务强相关,同样需要保证清晰度,如果与业务弱相关或者只起衬托作用,可以高度压缩以提升加载速度。

背景图的内容可能被上层元素遮挡,背景图的四周可能被自动裁切以适应不同设备,要注意留白。

分享本文:

Share Buttons
服务器托管