怎么做好网站图片的优化?在优化过程中,很多朋友的重心都放在了文本文字上,例如关键词布局在什么地方好,今天要原创几篇文章好等,也经常听到有人说用户体验用户体验,却很少把精力放在seo图片优化上。
图片在网页中是不可或缺的内容元素,如果把网站的文字内容比喻成一道菜,那么图片就是菜里的盐,那么如何优化图片呢?对seo以及用户体验有何意义及影响?
图片在网页中的作用主要是承托和美化,有时候一大长串的文字都不能解释通的地方,使用图片就可以解决,对于文章而言,图片也可以增加用户的阅读体验。怎么做好网站图片的优化?首先得做好以下几点:
1.调整图片的像素大小
图片的像素大小,就是我们肉眼所看得到的大小,包含宽度和高度,这个其实没有太多要求,符合审美尺寸即可,最重要的一点就是图片不要太模糊,像素太低会导致图片比较模糊,这个需要注意一下。
2.调整图片的体积大小
调整图片的体积大小,是为了加快用户访问的时间,如果图片体积过大,那么用户打开网页完整的显示图片时间就较长,图片体积一般需要控制在1m以内,根据不同使用场景进行区分。
在上传网站图片的时候,可以使用ps、ai等绘图软件进行压缩。
3.选择图片的格式
目前图片的主要格式有jpg、png、gif、webp,除了设置好大小外,图片的格式也是需要慎重选择,下面来具体说明:
①.png格式的图片
png格式的图片比较高清,不会损坏原图的质量,不过一般体积都是比较大的,png的格式有两个,一个是8位,一个24位,想要降低png的体积大小时,就通过8位格式来设置。
png图片文件使用的地方不多,一般都使用在比较重要的地方,例如网站的logo。
②.jpg格式的图片
jpg相对来说可以压缩,不过图片的质量会受损,受损质量不高的话,肉眼很难分辨出来,它的原理就是降低图片质量来降低图片体积大小。
一般情况下,在使用ps软件处理的时候,质量属性设置不要低于60%,网站内大部分图片都可以使用jpg格式的。
③.webp格式图片
这个格式的图片优势比较明显,能够自动压缩图片大小,肉眼观察看不出什么问题,比jpg和png更加智能,不过受到部分浏览器的限制,导致使用率不高。
④.gif格式图片
gif格式的图片多为动图,体积不大,不过像素大小比较小,一般使用在网页图标,增加醒目效果,gif图片使用较少,在这里不就做过多阐述了。
最后,提一提图片优化的几个注意事项,目前大多数人使用的建站系统都是别人写好的程序,而在上传图片的时候,有的cms系统会自动生成并调整图像,就拿dedecms来说,如果缩略图我们没有上传,那么系统会自动抓取内容里的第一张图片进行压缩,压缩成合理的缩略图并上传,这就导致服务器上产生多余的图片,而且自动压缩的图片质量也不是很高。
其次图片优化还需要配合两个标签,一个是alt标签,这个标签就是给图片命名,方便搜索引擎识别,当图片无法打开的时候,就会出现alt标签的文字,再图片优化中,alt标签是非常重要的;其次是title标签,这个标签的作用是鼠标指向图片的时候,会显示出文字,当一张图片加载比较慢的时候,用户也想了解图片内容,这时候指向图片上,就可以快速了解图片内容。整体来说,alt是服务于搜索引擎,title服务于用户体验。
如何测试UDP数据包的丢包率和延迟?北京零食小程序开发有什么功能?关键词排名优化与百度权重有何关系呢?网站建设公司怎么应对淡季时候的业务反差呢上海网站建设:企业网站建设的两点建议使网站更具吸引力和用户友好的十大秘诀建立网站需要什么样的内容?利用互联网营销提升企业品牌有名度、美誉度,让企业获取更大的利益