Rsizr智慧型在線縮圖服務之驚奇試玩筆記

從「Piggyworld Blog」的「驚人、新一代的縮圖（resize）｜rsizr」中，看到了「rsizr」這個確實是「驚人」的線上縮圖服務，對於這個服務的發展背景有興趣者，可以參考「分享網路2.0」的「Rsizr——功能强大的图片缩放工具」一文。「rsizr」外表上是一個利用Flash程式建立的免註冊在線縮圖服務，可以讓你上傳圖片到網路上，幫你縮放JPG、PNG、GIF圖片檔，縮放完成後，可以再將圖片儲存回電腦；但是除了一般的縮放、剪裁外，rsizr擁有一種叫做「seam carving（縫合雕刻？）」的先進圖片縮放技術，簡單的說，利用這個技術我們可以在縮放時固定圖片中特定區域的大小，或者可以在縮小時讓特定的區塊被周圍圖像縫合消除，並且因為「seam carving」的縫補算法，你可以讓圖片縮放後仍然維持整體的完整性。舉實際應用的例子來說，利用「rsizr」我們可以將原本窄鏡頭的夕陽照片，修改成廣角鏡頭的夕照，可是中心主題的太陽不會因為圖片拉寬而變形；或者我們可以將原本中間隔著距離的兩人合照，修改成靠在一起的合照，但是圖片也不會因為修改變形。這是一個很有趣，也讓人覺得很厲害的技術，完全不同於一般的在線圖片工具，所以今天就和大家分享一下我的試玩筆記。

• rsizr：http://rsizr.com/
• rsizr視頻演示：http://www.youtube.com/watch?v=vIFCV2spKtg
• rsizr圖片對比範例：http://rsizr.com/about/gallery/

因為對於太深奧的圖片技術我也不是很了解，rsizr裡面的一些功能我無法完全確定真正的用途，不過在「土法煉鋼」下，也總算是讓我玩出了一些官方範例裡的效果，所以下面的說明完全都是實地操作的經驗，只是和大家分享要怎麼做出那些特殊縮放效果的作法而已，更深入的原理或應用，或是有操作上的錯誤，就留待大家繼續嘗試發掘，或是期待高手來補完了。

在進入實地的操作演練前，我們先來看看成品的效果。首先第一張是原始的圖片，注意看中間人物與背景公寓的原始大小比例。

接下來我們用一般的縮放來直接針對原始圖片進行「不等比例的縮小」，於是我們可以看到第二張圖片中，人物、公寓、樹等各種圖像都顯示出被擠壓變形的結果。

然後我們用rsizr來進行「不等比例的縮小」，縮小後的尺寸和第二張圖片完全一樣，當然，我有事先利用rsizr的特殊功能去指定人物、背景公寓等重點圖像的大小要維持跟原本的一樣，並且左右兩邊最前排的那兩株樹要消除；於是縮放後呈現的結果就是第三張圖，仔細看看是不是真的很神奇？在這張圖中人物、公寓都沒有因為不等比例的縮放而變形，並且兩株最前面的樹幾乎看不出曾經存在過的痕跡。

看完成品展示後，會不會很想自己玩玩看，那麼下面我就把自己實際的操作經驗和大家分享。首先進入rsizr的主頁，不需要註冊，直接點選「Open a picture to get started」，然後上傳一張圖片以進行縮放剪裁。在rsizr中，也擁有一般的縮圖工具，點選上方工具列的「rescale縮放」、「crop剪裁」、左右翻轉，就可以進行一般的縮圖工作。事實上如果你想要「實驗」看看rsizr的特殊功能的話，我會建議你先將原本比較大的圖片進行「等比例」縮小，因為後面當在進行縫合演算時，會比較耗資源，如果圖片太大要等比較久，所以只想嘗試功能的話，用小圖玩玩即可。

接著就要開始進入正題了，要嘗試rsizr的「seam carving（縫合雕刻？）」特殊算法魅力，那麼就要切換到工具列的﹝retarget﹞標籤，這樣我們就可以開始利用工具列最右方的那四個工具，它們由左至右分別為﹝圖片縮放﹞、﹝Preserve 保護特定區域筆刷﹞、﹝Remove 移除特定區域筆刷﹞、﹝Erase 抹去前面的區域設定筆刷﹞。當你點選後面三個筆刷工具時，就可以利用像繪圖軟體一樣的塗抹方式，來畫出特定區域，並且你還可以設定筆刷的大小。

那麼我們先來試試看保留中心人物與標題字型的大小比例，但是將背景與橋拉寬。首先切換到﹝Preserve 保護特定區域筆刷﹞，然後設定好筆刷的大小，接著到圖片上塗抹出想要保護的區域，會以綠色來顯示，將我們想要維持大小比例的兩個區域劃出後，按下控制板上的﹝Done﹞，即可跳回﹝retarget﹞的畫面。

這時候你必須去設定上方與左方的寬度、高度分析調整桿。基本上當你拉動那兩條調整桿時，正中央的圖片就會出現正在被解析掃描的畫面，調整桿拉動的距離多寡，影響到接著你可以調整的圖片寬度、高度範圍。這邊調整桿的功能應該是要進行「seam carving（縫合雕刻？）」的一種事先分析定位工作吧！以這次的範例圖片為例，因為我只要調整寬度，所以我只要去設定寬度的調整桿即可，而因為我想試試看最大的可調寬度範圍，所以我將調整桿拉到底，然後等待其完成分析。

分析完成後，我們就可以看到圖片四周有可以調整的縮放標誌，依照我們的目的，開始將圖片拉寬，當然，拉寬的範圍還是有一個極限，超過極限後即使是剛剛設定過的人物等圖像依然會變形，不過從原本336的寬度可以拉開到461的寬度，而且人物和標題文字依然保持住固定的大小比例，這仍然是一個很不錯的效果了。

接下來我們來試試看﹝Remove 移除特定區域筆刷﹞的效果。和前面同樣的步驟，只不過現在是以紅色筆刷來劃出要消除、縫合的區域。如果想要修改已經塗抹的區域，就切換到﹝Erase﹞來抹除即可。設定完成一樣按下﹝Done﹞。

然後因為這一次還是調整寬度而已，所以還是一樣拉動上方的寬度分析調整桿，等待其分析定位完畢後，我們就可以直接調整圖片了，將圖片的寬度從498縮小到338，你會看到兩個角色變近了，而且並沒有因此變形。另外我這張圖片範例其實沒有調整到最好的效果，我們還可以去修改前面紅色抹除區域的細節，讓兩個人物做出更逼真的重疊效果。

當圖片製作完成後，到工具列左方的﹝Save Picture﹞可以將圖片儲存回本地端電腦。或者你想要重新開始修圖，可以按下﹝Revert﹞，就會完全回復到最初上傳的圖片狀態。

整體來說，rsizr這個網站目前的操作速度頗為理想，而它提供的功能真的非常有趣且神奇，應該也具有不少實用性。有興趣的朋友可以依照這篇試用筆記來玩玩看，如果能夠進一步交流使用心得，或是修正我的操作問題就更好了，因為目前我自己也還在摸索中。