Hb7niuImageEditOnline

ishanshan edited this page Apr 27, 2018 · 8 revisions

七牛云在线处理图片指南

用七牛云存储的图片可直接在线编辑:在图片 URL 后加上相应参数,即可缩放、裁剪图片,或获取图片格式、大小、色彩模型信息,非常方便。

团队图片基本存在七牛云,特整理一组常用编辑参数,以便各伙伴使用:

常用参数

图片编辑

nnn为数字变量,大小自定

  • 限制图片宽度:?imageView2/2/w/nnn

  • 限制图片大小(仅对 jpg 格式有效): ?imageMogr2/size-limit/nnnk!

  • 图片瘦身(在尽可能不影响画质的情况下,将JPEG、PNG格式的图片实时压缩,大幅缩小文件体积):imageslim

  • 设置图片圆角:?roundPic/radius/nnn 比如:http://pics.ibrainbaby.cn/o_90.jpg?imageView2/2/w/1000|imageslim|roundPic/radius/50

  • 转化图片格式:/format/<Format> ,Format 取值范围为 jpg,gif,png,webp 。必须接在上述任一参数后使用,不支持直接使用。

编辑技巧

更多参数使用可见 图片高级处理 - 七牛开发者中心

安人团队文章插图编辑规约

为方便用户浏览、团队未来迁移他用,约定在 App 、公众号等处正文插图需满足以下限制:

  • 图片大小: ≤ 100k
  • 图片宽度: ≥ 750px

在线编辑常用处理机制如下:

若为 jpg 图片

若为 jpg 图片,先在本地查看判断其大小:

若为 png 图片

若为 png 图片,则限制宽度(建议设为 1000)+转换图片为 jpg 格式+限制大小:

相关指南

CHANGELOG

  • 180427 闪闪增补相关指南
  • 180331 闪闪增加转化图片的参数
  • 180322 闪闪增加输入法常用短语编辑技巧
  • 180316 闪闪创建
Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.