Intro Cloudinary And How To Compress Images

Posted on Edited on In Views: Disqus: Symbols count in article: 558 Reading time ≈ 1 mins.

Intro Cloudinary And How To Compress Images

這篇介紹Cloudinary And How To Compress Images。

Cloudinary

1
2
3
4
5
6
網站:https://cloudinary.com/
先註冊帳號密碼
必須選擇Programmable Media for image and Video API選項建立帳號才有Media Library功能
登入後
Media Library -> 即可將圖片檔案丟上去變成網路空間的圖片
圖片url範例:https://res.cloudinary.com/username/image/upload/xxx/aaa.jpg

How To Compress Images

1
2
3
4
5
6
7
8
9
10
11
一般輸出的圖片是.jpg或.png
目前分無損壓縮跟有損壓縮
在網路上有很多工具可以先做第一次的圖片壓縮
依照自己的需求做選擇
通常可以壓縮20~50%的大小
---
在網站上有更好的圖片格式選擇可以取代.jpg或.png
這邊介紹.webp格式
網路上有很多工具可以從.jpg或.png轉檔成.webp
再將.webp檔案丟上Cloudinary
圖片url範例:https://res.cloudinary.com/username/image/upload/xxx/aaa.webp