Skip to content

如何优化网站产品图片?

如何优化网站产品图片?

Why|为什么要优化图片?

1、图像是网页的重要组成部分

根据号称“人类数字图书馆”的Internet Archive统计,图片占网页上需要加载总数据的比例达60%以上,也就是说,图像是任何网站的重要组成部分。

2、内容营销需要图文并茂

文字:虽然占用空间小,易读易懂,但纯文字枯燥乏味、缺乏吸引力。

图片:虽然直观形象,冲击视觉,有感染力,但占用空间大,且搜索引擎目前无法直接识别图片内容。

只有两者结合,才能充分发挥内容营销的价值,二者缺一不可!

How|怎样优化图片

1、图片的数量

就是说一个网站我们应该选择多少张图片呢?没有固定的标准,正确的方式是根据网站页面位置的不同,结合实际情况来进行搭配,好的设计总是图文结合让人易懂,印象深刻。

2、图片的大小

体积:

需要说明,这里指的是一张图片有多少KB,而不是指像素/尺寸(就是图片的长宽度),从各种用户体验角度而言,在保证实际需求的情况下,应该选择体积小一点的图片,利于加载。

清晰度:

为了网站的整体美观度,图片的清晰度和色彩饱和度也需要注意。

格式:

常见的有jpg、png、gif、webp等,搜索引擎喜爱高质量而且加载速度快的图片,从这一点来说,我们首选jpg。

调整:

我们对图片的调整可以使用PS、美图秀秀、Windows画图工具等。

【https://www.photopea.com/】—在线PS工具网址

【Image Optimizer】图片压缩工具、网页插件可以对图片大小进一步无损压缩。

3、可读性

文件的命名:

×错误命名:【IMG _65jpg】

【QQ图片20171011154803.jpg】

√正确命名:【steel tube.jpg】

HTML标签:

Alt、Title、Src的使用,可以帮助搜索引擎蜘蛛更好的理解图片含义,提升用户阅读体验。

如Alt标签的使用:如果在图片加载不出来的情况下,如果使用了,仍可以显示文字内容,如下图所示:

如果不使用,就会出现下图这种尴尬的情况。

where|图片在哪里使用?

favicon:

如果我们设置了favicon,用户收藏网页的时候,会显示我们设定的图标,有利于品牌形象的建设,如果没有,就会出现下面红框中的空白。

相关推荐: 亚马逊中小卖家如何巧用社交媒体的“吸粉”属性,实现高效引流?

增加listing曝光度可以提升亚马逊卖家的收益,其中通过社交媒体引流是值得参考的方式。但究竟如何利用社交媒体为自己谋利呢?下面的建议将为你阐明这个问题。 1、选择正确的渠道 首先,你可以评估所有平台,并总结哪些平台较有潜力。在每个单一的社交媒体上都保持活跃将…

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处