美文网首页
图片优化

图片优化

作者: web前端猴 | 来源:发表于2016-07-15 18:09 被阅读28次

   图片的尺寸:图片应该在320像素到1280像素之间是最利用搜索优化的。根据国外网友的经验,图片越大在越容易在排在Google搜索结果的第一页。

  图片的比例应该为4:3在最完美的,最大为16:10,也就是说横向是图片更利于搜素引擎收录。但随着读图时代的带来,搜索引擎对图片的收录也会有所改变。

  图片文件名:一个成功的图片有着非常重要的文件名,例如parrot.jpg这样具有描述性质的文件名比t123.jpg更利于优化,但文件名写的很长,会适得其反。

  图片类型:JPEG,GIF或PNG?我的意见是对于JPEG格式的图片在卢松松博客中收录较多,但PNG的压缩率更好,当然这只是个人感受。

   版权声明:很多网站内容的图片会显示VIA或来源,这表明是引用了某某网站的图片,这不仅表明这是一个负责的网站,同时会给来源网站的图片增加排名。

  文件大小:图片的大小不影响排名因素,但小图片的加载速度更快,通常在不影响质量的情况下把图片压缩到60%—80%是非常有必要的。

  原创:显然,无论是百度还是Google,都喜欢原创的图片。搜索引擎主要是通过计算哈希值、pHash算法和SIFT算法来判定的,这里不多叙述。

  链接:如果图片中带有链接可能带来意想不到的流量。盗链图片虽然很占用流量,但不会占用CPU资源,如果服务器资源够用的情况下,可以去掉图片盗链设置。

图片优化实战经验

  1:alt很重要,为图片文件名和替代文本使用简练的描述性文字,包含关键词但不能过长。

  2:给图片加上链接,但描述文本不要写的太长。

  3:为图片专门划分一个存储目录,例如upload或images目录。

转自微信公众号“前端公开课”

相关文章

  • 性能优化-整理中

    图片优化内存优化

  • 图片压缩哪家强?

    图片压缩是图片优化效益较高的一种方式,对于拥有大量图片资源的网站来说优化效果是非常明显的,图片优化也是前端性能优化...

  • iOS性能优化——图片加载和处理

    iOS性能优化——图片加载和处理 iOS性能优化——图片加载和处理

  • Webpack打包优化

    优化 1:优化图片 使用 url-loader 优化, 将小图片转化成base64压缩,防止小图片太多请求次数太多...

  • 真题

    1、iOS瘦身:代码瘦身、资源优化。(安装包体积优化,图片资源优化的策略)(怎么删除无用的图片?怎么压缩图片?)2...

  • 通过base64编码优化图片

    通过base64编码优化图片 ​ 在前端开发中,对于图片优化,有很多基本的方式,比如:图片压缩、图片合并(也就...

  • 性能优化04-图片优化

    性能优化04-图片优化 一、图片压缩 图片在APP中通常占用很大的内存,所以经常需要进行图片压缩。 常用的图片压缩...

  • 淘宝图片优化的方法(50)

    不光做优化宝贝标题,还要做优化宝贝图片和排名以及一些重要性优化内容。今天先讲解做图片优化,包括主图优化与详情页优化...

  • 产品优化运营宝贝之图片优化(50)

    不光做优化宝贝标题,还要做优化宝贝图片和排名以及一些重要性优化内容。今天先讲解做图片优化,包括主图优化与详情页优化...

  • 优化资源文件

    1、图片文件优化 图片文件优化包括文件格式和文件大小的优化,支持的图片格式主要是PNG、GIF和JPEG, 如果是...

网友评论

      本文标题:图片优化

      本文链接:https://www.haomeiwen.com/subject/kiiyjttx.html