2013-10-08 分类: 网站建设
怎么做好网站图片的优化?在优化过程中,很多朋友的重心都放在了文本文字上,例如关键词布局在什么地方好,今天要原创几篇文章好等,也经常听到有人说用户体验用户体验,却很少把精力放在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服务于用户体验。
以上是SEO创新互联为大家分享怎么做好网站图片的优化的相关内容。网站图片的优化影响网站的加载速度和用户的体验感,因此,在以后网站优化过程中,图片优化再不可忽视。
网页名称:怎么做好网站图片的优化?
URL网址:/news2/3752.html
成都网站建设公司_创新互联,为您提供服务器托管、App设计、域名注册、网站制作、企业建站、网站内链
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容