fbpx

Responsive Image-自動調適影像在不同裝置的顯示比例產生器

如何讓網頁在不同的平台有比較好的視覺效果? 於是這幾年出現了一個新名詞-Responsive Web Design , 簡稱RWD, 那麼圖片要如何處理呢, 發現一個很方便的工具

Responsive Image Breakpoints Generator  而且還是 opensource 

這個雲端服務可以將要顯示在網頁的圖片上傳, 然後設定好參數例如圖片要在各種不同裝置顯示的解析度 , 它就會幫你自動縮圖並產生這個影像圖片在不同解析度的檔案, 還有HTML 5的RWD語法, 它處理出來的影像效果還不錯

如果有許多圖片, 也可以利用它的Cloudinary API 做批次處理, 有Ruby, Node.js , PHP, Python的範例

這個雲端服務更詳細的技術解說 – Introducing intelligent responsive image breakpoints solutions 

Cloudinary是一個專門做影像管理的雲端服務, 付費模式可參考 http://cloudinary.com/pricing, 有Free的quota可以測試

One thought on “Responsive Image-自動調適影像在不同裝置的顯示比例產生器

Add yours

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: