全国热线:0536-8800925  手机/微信:18660616712
新闻动态

图片优化

图片本身优化
1、图片尽可能清晰。在百度图片搜索排序时,更高清的图片可以得到优先展现
2、图片尺寸的大小应与所表现的内容相匹配,并非越大越好,尺寸小的图片也不一定就会受到歧视
3、正所谓物以稀为贵,对于百度搜索引擎来讲也不例外。稀缺罕见图片资源最受百度图片搜索青睐,但千万也别忘了给图片配上靠谱儿的说明文字
4、内容主体突出,画面视觉感好。如果有水印,水印应不该对主体造成遮挡
网页内图片优化
1、图片所在网页应与网页主题一致
2、针对图片有相关描述,包括上下文描述、图片说明、alt属性、图片title,以及图片anchor
3、图片所在网页没有设置权限
4、图片不要使用异步加载等方式进行展现,图片链接不要写在JS里
网站内图片优化
1、保持百度对站点的及时抓取解析和收录,百度的网页搜索与图片搜索共用一个搜索引擎
2、网站服务器稳定,打开速度流畅。这样也可以带来很好的用户体验

对于图片我们经常听到的词语包括矢量图、标量图、SVG、有损压缩、无损压缩下面是具体的阐述:
图片格式的选择
1、颜色丰富的照片,JPG是通用的选择
  • 人眼的结构很适合查看JPG压缩后的照片,可以充分的忽略并在脑中补齐细节
  • JPG在压缩率不高时保留的细节还是不错的
  • WebP能够比JPG减少30%的体积,但目前兼容性较差
2、如果需要较通用的动画,GIF是唯一可用的选择
  • GIF支持的颜色范围为256色,而且仅支持完全透明/完全不透明
  • GIF在显示颜色丰富的动画时可能出现颜色不全、边缘锯齿等问题
3、如果图片由标准的几何图形组成,或需要使用程序动态控制其显示特效,可以考虑SVG格式
  • SVG是使用XML定义的矢量图形,生成的图片在各种分辨率下均可自由放缩
  • SVG中可以通过JavaScript等接口自由变换图片特效,可以完成其中部分元素的自由旋转、移动、变换颜色等
4、如果需要清晰的显示颜色丰富的图片,PNG比较好
  • PNG-8能够显示256种颜色,但能够同时支持256阶透明,因此颜色数较少但需要半透明的情景可以考虑PNG-8
  • PNG-24可以显示真彩色,但不支持透明,颜色丰富的图片推荐使用(如屏幕截图、界面设计图)
  • PNG-32可以显示真彩色,同时支持256阶透明,效果最好但尺寸也最大
优化JPG和PNG
选择了正确的图片格式,按照正确的大小生成了图片后,我们还需要对图片进行进一步优化,这种优化一般分两步进行:第一步有损优化,删除没有出现或极少出现过的颜色,合并相邻的相近颜色。这一步并不必须,如PNG格式就直接进入下一步第二步无损优化,压缩数据,删除不必要的信息
JPG和PNG格式的图片生成后,一般还有进一步优化的空间,例如JPG格式的照片中,可能携带有相机的Exif信息,PNG格式的图片中可能带有Fireworks等软件的图层信息等。去除这些额外信息后,还可以通过减小图片的调色板,去除没有出现过的颜色,以及合并相邻的相同颜色等手段来进行优化。
 
在线咨询
Phone:18660616712
Tel:0536-8800925

关注我们微信