October 29, 2014

使用 Web Resizer 調整圖片大小

寫文章時常常需要圖片輔助說明,圖片太大會破壞版面,然而 Windows 內建的小畫家的縮小功能會使圖片變模糊,用 Photoshop, pixlr 卻又太過小題大作,殺雞焉用牛刀。

這篇文章測試多個免費線上縮圖網站,最符合我需求的為 http://www.webresizer.com/


目錄


(一) 測試結果

測試了十多個 Web App,過濾掉操作介面不順、需註冊或登入、廣告太多..等網站後,僅列出速度快、操作介面簡單、畫質不錯的網站。

畫質有明顯差別,肉眼辨識即可判斷。

畫質最好:

畫質不錯:


(二) Webresizer

Web Resizer 除了畫質明顯高出其他網站一個檔次以外,還有三個很棒的特色:

  • Sharpen
  • Border
  • File Size Optimized

1. Sharpen

基本上 Web Resizer 預設的參數就能輸出高畫質的圖片,但使用者也可以指定不同的 Sharpen 值,效果如同 Photoshop 的 sharpen tool,且是套用在整張圖片。

2. Border

Border 功能會在圖片外圍加上框線,使其與背景明顯區分。

舉例來說,假設 blog 版面是白底黑字,而某張圖片也是白底黑字,此時讀者很容易混淆,如下圖:

若加上 Border 就可以明顯區分出來,如下圖:

3. File Size Optimized

File Size Optimized 功能能將圖片多餘的資訊過濾掉,進一步壓縮圖片大小。

雖然這是個很棒的功能,不過我還是建議所有圖片都丟到 TinyPNG 壓縮,嚴謹遵守 workflow,才不會遺漏任何圖片。

(三) 隱私 Privacy

對隱私有疑慮的話,請參照 Webresizer 的 Privacy Page

Your session on webresizer.com will expire after 60 minutes of inactivity, at which time your image will be automatically deleted from the webresizer server.
We never keep a copy of your images or give anyone else access to them.