【又拍小百科】圖片雲處理，這些小而美的功能你瞭解嗎

又拍雲發表於2018-11-15

我們將陸續介紹又拍雲在圖片雲處理方面的功能，歡迎關注又拍雲公眾號（ID：upaiyun）

人是視覺動物，從外界接收的各種資訊中，有 80% 以上是通過視覺獲取的。在網際網路世界中，圖片則是最容易被視覺所接受的資訊資源，不管是視訊網站的影片縮圖，還是電商網站的商品展示，甚至某些枯燥的技術文件，也會用一些生動的圖片，以圖文並茂的方式來闡述技術。圖片幾乎涵蓋了所有網際網路應用場景，是網際網路中不可或缺的元素之一。

圖片在網際網路中的重要地位，使得圖片處理成為了廣大網際網路工作者的一大需求。又拍雲在產品開發中，一直倡導給使用者更大的自主性。圖片處理這個產品也是如此，使用起來快捷、方便。接下來就給大家介紹下又拍雲圖片處理中的一些基本功能及用法。

圖片的縮放

最為常見的圖片處理功能應該是圖片的縮小，放大和裁剪等功能。它能夠讓圖片更好的適應不同場景。

圖片的縮放可以直接通過 URL 直接作圖，常見的引數有 /fw /fh /both /sq 等方式。指定圖片的寬/高或在原圖進行等比率縮小，擴大的方式進行處理。

圖片縮放處理示例：

ffprobe http://ftp.youlinux.com/image/image_process.jpg

ffprobe http://ftp.youlinux.com/image/image_process.jpg\!/fw/500

ffprobe http://ftp.youlinux.com/image/image_process.jpg\!/both/500x320

ffprobe http://ftp.youlinux.com/image/image_process.jpg\!/sq/400

△ 圖片縮放處理示意

縮圖

縮圖常用於在 Web 瀏覽器中更加迅速地載入圖片較多的網頁，例如我們常用的購物網站，視訊網站等。他可以讓你更快的瞭解商品或內容。同時，縮圖經過壓縮處理，體積小巧，載入速度非常快。它不僅能夠提升使用者的瀏覽體驗，也能夠為網站節約一大筆流量開支。

接下來就簡單說下縮圖的處理方式，主要有以下2種：

1. 間隔識別符號 + 縮圖版本的方式

進入又拍雲控制檯, 「服務」 > 「功能配置」 > 「雲處理」中建立圖片 URL + 間隔識別符號 + 縮圖版本拼接再進行訪問；

例如：https://p.upyun.com/docs/cloud/demo.jpg!upyun520

△ 縮圖版本建立

2. 間隔識別符號 + 圖片處理引數的方式

圖片 URL + 間隔識別符號 + 雲處理圖片處理引數拼接再進行訪問；

例如：https://p.upyun.com/docs/cloud/demo.jpg!/scale/30

圖片加水印

圖片加水印是最基礎的版權保護措施。加水印不僅可以有效的防止他人盜圖，對圖片起到一定的保護作用。也可以讓使用者在看到圖片時，產生“哦，這是原創”的感覺。甚至可以通過圖片中的水印資訊，對商品、品牌等起到一定的推廣作用。

又拍雲圖片水印，同時提供文字和圖片水印功能，可以在圖片的不同位置，以不同的方向，實時在原圖上新增文字或者圖片水印。甚至可以對水印的大小，透明度，以及水印是否鋪滿圖片等進行操作。

△ 水印的樣式

WebP 圖片格式

文章前面有提到過縮圖，不僅能夠提升圖片載入速度，提升使用者體驗，而且也能夠降低頻寬消耗，降低使用者成本。而 WebP 圖片格式的效果與此類似，但是在載入速度提升和頻寬消耗降低上的能力則是更勝一籌。

WebP 作為一種更高效的圖片編碼格式，在質量沒有明顯差別的情況下，是其他圖片格式極佳的替代者。與其他圖片格式相比，WebP 集合了多種圖片檔案格式的特點：像 JPEG 一樣適合壓縮照片和其他細節豐富的圖片，像 GIF 一樣可以顯示動態圖片，像 PNG 一樣支援透明影象。根據 Google 的測試，WebP 無失真壓縮圖片比 PNG 圖片少了 45％的檔案體積，即使這些 PNG 圖片在使用 pngcrush 和 pngout 處理後，WebP 依舊可以減少 28％的檔案體積。而對於常用的 JPEG 的圖片來說，則能節約更多的流量。