
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/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.