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

image image

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

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

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

01_1282.png

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

01_1281.png

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

01_1280.png

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

rsizr01.png

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

rsizr03.png

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

rsizr04.png

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

rsizr06.png

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

rsizr05.png

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

rsizr07.png

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

rsizr08.png

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

rsizr09.png

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

留言

  1. :) 昨天也寫了相同文章. 不過異塵介紹得比較深入.

    回覆刪除
  2. 才剛看到關於Rsizr的消息,電腦玩物就已經發了一篇了,版主的速度也太快了吧!
    這是一篇今年才在SIGGRAPH發表的Paper,沒想到這麼快就有Web app出現。趕快去嚐嚐鮮~:P

    回覆刪除
  3. 對了,回復圖片原始狀態的那個按鍵,是revert喔~ : )

    回覆刪除
  4. 它的特殊修圖技術實在太好玩了,
    害我昨天不知不覺就玩了一個晚上,
    看來以後要自製桌布或圖片,
    又多了一個好用的工具了。

    回覆刪除
  5. 呵呵,謝謝提醒,我把它修正過來了。

    回覆刪除
  6. @異塵行者

    我才在想說怎麼會爆流量原來是電腦玩物有提到我的網站,讓你介紹到真是感到光榮!

    在 PCDVD 有版友提到目前 GIMP 已經有外掛可以使用,有興趣在單機上使用的朋友不妨可以找 GIMP 試看看!

    PS:貴網站的軟體介紹真是惠我良多 :D

    回覆刪除
  7. GIMP也有這個外掛了嗎?
    改天來試試看。

    回覆刪除
  8. 有興趣可以到這裡看相關討論,連論文都出現了

    http://www.pcdvd.com.tw/showthread.php?t=748050

    回覆刪除
  9. 那請問他有合成的功用嗎?

    回覆刪除
  10. 似乎沒有合成的功能,畢竟它是以縮放圖為主的服務。

    回覆刪除
  11. 之前也右注意到這個,不過介紹還是由你來吧!真是又快又詳盡啊!

    最早我去看得時候好像還沒有說明,現在已經加上去了。而且簡中版都有了。

    回覆刪除
  12. 作者已經移除這則留言。

    回覆刪除
  13. 居然連簡中版都有了,真是不錯。
    另外最近我也看到這個技術被用進其他的在線縮圖服務和軟體中了^^

    回覆刪除
  14. seam carving 是一种神一样的算法:
    http://techcrunch.com/2007/08/27/i-want-this-in-photoshop-immediately/

    主页:
    http://swieskowski.net/carve/

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Google Maps 我的地圖完全教學!規劃自助旅行攻略

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google 表單的 10 個專業問卷調查設計秘密教學

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

Google 表單自動關閉回覆教學:時間人數到達就過期