TinyPNG 免費網路線上 JPG PNG 圖片壓縮工具

[網路工具] TinyPNG 免費線上圖片壓縮服務_001

TinyPNG 為一款免費網路線上 JPGPNG 圖片壓縮工具,採用智能有損壓縮技術,通過選擇性地降低在 PNG 圖片中的顏色數,將同樣顏色的圖像數據進行合成,以用較少的字節來存儲圖像信息,來減少 PNG 檔案的文件大小。

通過 TinyPNG 壓縮的 PNG 圖片保留了 100% 的 alpha 透明度,能在肉眼無法覺察的情形下,優化圖檔的文件大小。很適合將網站的 PNG 圖檔交由 TinyPNG 處理,以節省網路頻寬和加載時間,來加速網站的訪問。

[網路工具] TinyPNG 免費線上圖片壓縮服務_002

官網範例的貓熊圖片能觀察到, Photoshop 的原始 PNG 圖片經由 TinyPNG 處理過後,圖像文件的大小能夠減少 70% 以上。另外,姊妹站「TinyJPG」在 JPG 圖片的壓縮率也同樣能到達 70% 的水平。(* 壓縮比依點陣圖特性而不同。)

[網路工具] TinyPNG 免費線上圖片壓縮服務_003

目前在 TinyPNG 網站上,即可同時處理壓縮 PNG 與 JPG 這兩種圖檔,而且可以直接免費使用。額外的,若習慣使用 Photoshop 修編圖片,也可支付 $50 獲取 Photoshop 外掛插件,Plugin 支援在 MAC 與 Windows 上使用。

[網路工具] TinyPNG 免費線上圖片壓縮服務_004

對於 WordPress.ORG 自架網站的使用者, TinyPNG 則提供「JPG、PNG 圖像壓縮外掛」,取得「API 密鑰」之後,就能夠方便地對網站圖片自動的優化壓縮。API 調用圖片上傳 ,每個月前 500 張圖片皆為免費,超過 500 張則按每張 $0.009 收費。

[網路工具] TinyPNG 免費線上圖片壓縮服務_005

由於 TinyPNG 提供的 API 能夠智能調整圖片的像素大小,所以能方便的產生縮圖。目前 API 支援在 Amazon S3 上使用,若是自架網站在 Amazon S3 上頭有圖片bucket 儲存桶,也能方便地製作手機版網站的文章縮圖。



相關連結

TinyJPG:「https://tinyjpg.com/

Photoshop 插件:「https://tinypng.com/photoshop

WordPress.ORG 插件:「https://wordpress.org/plugins/tiny-compress-images/

Magento 插件:「https://www.magentocommerce.com/magento-connect/compress-jpeg-png-images.html

TinyPNG API Reference:「https://tinypng.com/developers/reference



TinyPNG 簡介

TinyPNG 官網:「https://tinypng.com/

特點:
當上傳 PNG 圖檔時,會對圖像中的同樣顏色進行合成。通過減少的顏色數,讓 24 位元的 PNG 圖檔,可以被轉換為更小的 8 位元圖像。挑除所有不必要的圖像信息,以取得更好的 PNG 圖片 100%  透明度支持。

支援:
支援大部份瀏覽器使用。
支援 PNG、JPG 圖檔壓縮。
TinyPNG 官網為自適應網頁,所以支援行動用戶端使用。
支援 API 調用。

壓縮限制:
一次最多上傳 20 張圖片。
單張上傳圖片檔案大小,不得超過 5 MB。



使用介紹

前往「TinyPNG」官方網站,使用拖拉的方式或是點取畫面中的『Drop your .png or .jpg files here!』,即可將電腦中的 PNG 或 JPG 圖檔,增加到 TinyPNG 網頁中使用圖片壓縮服務。

[網路工具] TinyPNG 免費線上圖片壓縮服務_101



將檔案新增到 TinyPNG 之後,PNG 圖檔就會自動執行壓縮。

[網路工具] TinyPNG 免費線上圖片壓縮服務_102



圖檔壓縮完畢後,就可以點擊『Download』將壓縮的圖檔,下載到電腦裝置的資料夾中儲存。

[網路工具] TinyPNG 免費線上圖片壓縮服務_103



小結

TinyPNG 網頁使用流暢不卡頓,無法一次打包下載所有上傳的圖片是較為不方便的一點。


留言

◎ 留言板中提問「代碼」問題,可至『留言代碼轉換器』轉換代碼。

張貼留言

繼續閱讀:

這個網誌中的熱門文章

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[教學] LINE 電腦版行動條碼登入設定

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] Blogger 自訂網址綁定自有域名

[教學] 使用 PuTTYgen 產生 SSH 連線 RSA、DSA 公鑰與私鑰