上个月开始重写博客系统,后台已经实现了,最近在实现前端和代理,加上工作略忙,所以最近都没上来我的博客写东西了,各位勿怪。

这篇文章是在2月份写的,一直没post上来,今晚抽空copy上来了,各位又拍云的用户可以参考一下:

使用UPYUN(又拍云)有大半年了,下面我来说说UPYUN中的一些坑。

尽量使用JPEG和WebP

JPEG作为图片世界的公民,通行互联网无障碍。在又拍云中,因其有损压缩的特性使其升格为一等公民。

而WebP作为图片世界的新移民,Google之子的身份和其良好的表现足以使其升格为一等公民(虽然现实中WebP是个三等公民…)。

计算机生成了可选文字: 修 改 桀 略 图 版 本  通 用  水 印  籀 出  75  出 格 忒 :  图 片 质 量 .  . 出 格 贰 : 仅 时 静 态 图 片 有 效 , 包 括 动 态 gif 转 成 静 态 后 的 图 片  . 默 认 出 格 贰 , : jpg/pn , 将 保 留 原 来 格 贰 输 出 , 其 他 格 贰 将 转 成 , 的  · 0 的 出 格 贰 , : 该 格 输 出 时 , 图 片 腐 黲 将 无 觳  · 图 片 : 仅 对 一 格 贰 输 出 有 歟 , 一 议 设 置 为 65 、 75

upyun中的缩略图版本->图片质量仅对jpg和webp图片生效,这意味着PNG不会被压缩。

水印会增加图片大小,特别是PNG

在又拍云的缩略图版本中,水印是一种很方便的工具,但也是一个恶魔。

所有图片添加了水印以后大小都会增加,JPEG和WebP等格式通过控制图片质量可以使图片大小增加仅数KB。而PNG图片则会暴增数倍大小。看下面2个图片,你就知道了。

计算机生成了可选文字: -y C cszblog.b0.upaiyun.com  /usr/uploads/2015/01/11/1420983910399494.png  Developer Tools - hFÆzä92upaivun.com/usr/upioads/2015/OI/II/14209839103gg494.png  Elements Sources Timeline Profiles Resources Audits Console  a  Preserve log Disable cache  0  Documents Stylesheets Images Media Scripts XHR  Fonts TextTracks WebSoc  Timeline  127 s  Name  Method Status  GET 200  Type  Initiator  image". Other  41.6 KB

 

计算机生成了可选文字: -Y C cszblog.b0.upaiyun.com  /usr/uploads/2015/01/11/1420983910399494.png!default  '2e15  Fonts TextTracks  Initiator  Other  w  Elements Sources Timeline Prdfiles Resources Audits Console  Preserve log Q.' Disable cache  Documents Stylesheets Images Media Scripts XHR  114 KB  CI Hde data URLs  Timeline  _LO•O ms  388 ms  Name  LJ 1420983910399494.png!default  Method  Status  200  Type  image/png

增加水印后,PNG图片大小暴增。

解决方案:使用JPEG格式并降低图片质量。

图片尺寸也是坑

计算机生成了可选文字: , 修 改 桀 略 图 本  通 用  7 水 印  了 输 出  defautt  改 和 删 除  腼 本 名 称 :  桀 方 式 :  保 持 原 尺 寸 不 变  . 化 图 片  囗 动 态 G | F 换 成 諍 态 图 片

我喜欢使用保持原尺寸不变,因为我的网站上的图片基本都是编辑好大小什么的再保存到又拍云,不需要改变尺寸。

对于小图片我只有一个建议:不要使用下面这个限定,特别是PNG,图片体积会变大数倍(上面那张图片可以得到原图5倍大小的图片)。

计算机生成了可选文字: 修 改 縮 略 图 本  颛 本 名 称 :  通 用  了  de , aut  改 和 删  水 印  桀 艙 式 :  限 定 尺 寸 :  PX x ; 高 度  500  其 他 :  镄 化 图 片  囗 动 态 G | F 换 成 諍 态 图 片

防不胜防的图片缓存

更改了缩略图版本后别指望缓存会立马更新,急的话用FTP删除原图,然后重新上传。