必備壓縮技，網頁圖片不失真又能讀取更迅速！ | 邦立資訊

使用Photoshop 工具. 一、網頁影像「儲存為網頁與裝置用」. 二、儲存成JPG，選項「最佳化」打勾，並一邊選擇圖片品質，一般預覽圖片確認影像不失真。

Home 網頁設計趨勢 最新動態 必備壓縮技，網頁圖片不失真又能讀取更迅速！ 網頁設計趨勢 掌握網頁設計趨勢下一步該怎麼走？ 唯有洞悉市場走向才能達成最有效的網路E行銷 2016/7/14  必備壓縮技，網頁圖片不失真又能讀取更迅速！ 最新動態 　一張張精美影像或照片，除了尺寸寬大之外，往往圖片的檔案大小也不會太苗條。

在網站的應用上，一張圖片檔案肥大或許沒什麼影響，倘若整個網站的圖片都如此龐大，不但讀取速度緩慢，隨之使用者瀏覽的體驗便會打折扣、流失客群；為了提升圖片載入速度，最好的方式就是縮小圖片尺寸或壓縮圖片檔案。

　首先，對於一般非透明影像，png轉存成jpg或gif多半就有檔案大小的改善；不過gif只有256色，色彩越繽紛豐富會造成嚴重的色塊分離。

另外，如果圖片尺寸必須固定，那要如何壓縮jpg影像又保有圖片品質不失真呢？ 使用Photoshop工具 一、網頁影像「儲存為網頁與裝置用」 二、儲存成JPG，選項「最佳化」打勾，並一邊選擇圖片品質，一般預覽圖片確認影像不失真。

一般而言65～80是不失真的最佳範圍。

三、確認完即可儲存！這樣一來，原若存成 PNG影像則快800K的檔案，只要調整圖片品質，即可壓縮至150K。

  立用線上影像壓縮工具 　如果電腦沒有PS軟體，可以使用網路上方便的資源，利用線上壓縮工具不但快速，而且有些還能大量同步縮圖。

TinyPNG 非使用PNG檔案不可的情形，推薦使用 TinyPNG，專門壓縮PNG影像的線上服務。

一次最多可上傳20張，每張大小 5MB為限。

  JPEGmini JPEGmini一樣採用jpg檔案來儲存，更引人注目的是，利用JPEGmini壓縮最多可以把照片檔案縮小達到80%（超過800萬畫素的影像者）。

CompressNow CompressNow支援GIF、JPG與PNG三種格式的線上壓縮工具，還能依照使用者指定的壓縮比例進行影像瘦身。

文章來源：http://ezopen.com.tw/web/news_info.asp?id=33 回到列表下一筆最後一筆     共30筆 網頁設計趨勢 What'snext? 最新動態 設計趨勢 好站分享 最新趨勢 Newest 2016/7/14必備壓縮技，網頁圖片不失真又能讀取更迅速！ 2016/2/152015、2016年的６大網頁設計趨勢 2015/12/23史詩級平面設計的26條要訣 2014/8/7增加設計靈感的25個平面設計室網站 2012/8/31超強QR產生器 more BondLinkFacebook Facebook ContactUs 填寫表單 撥打電話 07-2233391 07-2233361 TOP