走啊走
来学wordpress建站吧

wordpress网站加速优化之图片优化详解

WordPress站点加速和优化的手段方法有很多,一般要对症下药的找出问题才能更好的去解决问题,但是在一些情况下,由于很多的前端人员和程序并不太了解图像,存在图片使用不当的问题导致网页过大从而影响网速和用户体验的情况经常发生。今天就来说一说关于网站用图规范的问题吧。

1、需要多大尺寸的图就用多大尺寸的图,按需裁剪

简单举个例子吧,比如我的WordPress建站吧的网页中有个banner图广告位,需要的是820px*200px的图,那么就必须要按照规则来给这个尺寸的图,不能给大图或者是小图,很多人发现其实传一张大尺寸的图也是可以正常显示的,或者传一张相同比例的图也可以正常的使用,因为一般网页中会用css去定义图片的尺寸,大图或者是小图就会被压缩的相应的尺寸显示,但是这个仍然是大图,其实这是不规范的。所以必须要提供正确的尺寸图。

2、图片在保存的时候一般选择存为web所用格式

在PS中使用ctrl+shift+alt+s即可保存图片,存为web所用的格式,注意这里建议选择质量度图片品质建议在75%所有为最佳,这个时候的图片特别小,而且图片图片清晰度相对没有明显的失真情况。所以我们建议在ps中保存图片的时候记得选择保存方式。对比同一张原图,品质为100,品质为75的图片大小分别是641kb,54kb,33.3kb,然而他们的清晰度几乎无明显的区别。

3、一般建议使用jpg格式的,非png格式

除非特别需求,否则我们建议选择保存图片为jpg格式即可,这种格式非常的小巧,清晰度也够,一般qq之类的截图软件截图会保存为png的图,很多人直接把这样保存出来的图片上传到WordPress网站去使用。结果这种图非常的大。

微信订阅号:wordpress8—WordPress建站吧 » wordpress网站加速优化之图片优化详解

评论 13

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #9

    jpg和png图片大小不一定的,你可以找几张图片试试,有的图片用jpg小,有的用png小,当然都是说的压缩后的尺寸。

    • 尺寸说的是像素长宽,大小说的是kb数,像素相同的情况下,一般通常是 png的会大一些。。

      华年轻度3周前 (09-22)回复
  2. #8

    png比jpg文件大

    柒壹网4周前 (09-19)回复
  3. #7

    学习到了。

    去看你博客4周前 (09-18)回复
  4. #6

    我也是用的ps来存储图像,关于jpg和png的选择,我一般看哪种格式的图片小,就存储为那种格式

    MAY的SEO博客4周前 (09-18)回复
  5. #5

    你的网站打开速度很快,怎么做到的

    叶忠文博客4周前 (09-18)回复
  6. #4

    9/18/2019, 8:04:17 AM,打卡签到成功!

    额的4周前 (09-18)回复
  7. #3

    9/18/2019, 8:03:51 AM,打卡签到成功!

    额的4周前 (09-18)回复
  8. #2

    学习了,感谢分享!

    台球俱乐部4周前 (09-17)回复
  9. #1

    这个软件是什么?像PS但是跟我的又不一样。

    青衫慧博客4周前 (09-17)回复


走啊走—【WordPress建站吧,轻松学建站!关注微信订阅号:wordpress8】

wordpress建站安装》联系我们
[关闭广告]