七牛云在线处理图片不完全指北

Posted on | In | |
Words count in article: 499 | Reading time ≈ 2

简介

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

功能：

  • 对图片进行缩略操作
  • 图片缩放、裁剪、旋转
  • 获取图片格式、大小、色彩模型信息
  • 提供数码相机照片的可交换图像文件格式
  • 图片添加图片、文字、图文混合水印
  • 计算图片的平均色调

图片处理

常用操作：

注：var 为数字变量，大小自定

  • 限制图片宽度：?imageView2/2/w/var
  • 限制图片大小（仅对 jpg 格式有效）：?imageMogr2/size-limit/var
  • 图片瘦身（在尽可能不影响画质的情况下，将 JPEG、PNG 格式的图片实时压缩，以减小文件体积）：imageslim
  • 设置图片圆角：?roundPic/radius/var
  • 转化图片格式：format/<Format>，Format 取值为 jpg、gif、png、webg 等，默认为原图格式。

基本处理

imageView2

1
2
3
4
5
6
imageView2/<mode>/w/<LongEdge>
                 /h/<ShortEdge>
                 /format/<Format>
                 /interlace/<Interlace>
                 /q/<Quality>
                 /ignore-error/<ignoreError>

高级处理

imageMogr2

1
2
3
4
5
6
7
8
9
10
11
12
imageMogr2/auto-orient
          /thumbnail/<imageSizeGeometry>
          /strip
          /gravity/<gravityType>
          /crop/<imageSizeAndOffsetGeometry>
          /rotate/<rotateDegree>
          /format/<destinationImageFormat>
          /blur/<radius>x<sigma>
          /interlace/<Interlace>
          /quality/<quality>
          /sharpen/<sharpen>
          /size-limit/<sizeLimit>
瘦身处理

imageslim

建议「图片瘦身」操作放在所有其他图片处理操作之后。

水印处理

watermark

1
2
3
4
5
6
7
8
watermark/1
         /image/<encodedImageURL>
         /dissolve/<dissolve>
         /gravity/<gravity>
         /dx/<distanceX>
         /dy/<distanceY>
         /ws/<watermarkScale>
         /wst/<watermarkScaleType>
圆角处理

roundPic

1
2
3
roundPic/radius/<radius>
        /radiusx/<radiusx>
        /radiusy/<radiusy>
基本信息

imageInfo

EXIF信息

exif

平均色调

imageAve

动图合成

animate

1
2
3
4
5
animate/duration/<duration>
       /merge/key/<encodedImageKey>
             /key/<encodedImageKey>
             ...
       /effect/<effectType>

更新记录

  • 18-12-27 update：七牛云官网API更新，略作调整
  • 18-07-25 first commit：拟定初稿

参考

------ END ------
0%