關於我們收藏本站
搜索
查看: 1292|回復: 2

[網站相關] 使用 Kraken.io 來優化圖片

[複製鏈接]

573

主題

296

好友

278

積分

校長

總積分排名13

發表於 6-5-15 21:27:25 |顯示全部樓層
對於網站來說,打開速度很重要。據調查,如果一個網頁在4秒鐘還沒有完全呈現出來,用戶就會失去信心然後把頁面關掉。而打開速度中一個很重要的因素,就是網頁的總大小,包括網頁本身的大小,和它引用到的所有資源的大小。網頁本身可以通過壓縮來減小體積,至於圖片,也可以壓縮一下,而且壓縮完和原圖片看上去幾乎一樣。

先來看一下效果,上面是原圖,來自 Nexus 5 的截屏,大小 116KB。下面是壓縮過的圖,尺寸一樣,大小 46KB。怎麼樣,是不是看不出差別?

壓縮前:
image-compress-o.png


壓縮後:
image-compress-x.png


憑空少了 70KB,這樣一來,網頁打開的速度快了,而且網站的流量也消耗得少了。一舉兩得。

至於怎麼壓縮圖片,我之前一直用的是 Yahoo的Smush.it,後來發現了 Kraken.io。試用了之後發現,Kraken.io 的性價比要高出 Smush.it 很多,對於大多數圖片,Kraken.io 可以壓縮30%以上。

Kraken.io 的圖片壓縮服務有免費和收費兩種,免費版只能在網頁中上傳圖片,而收費版可以通過 URL 或者它提供的 API 來上傳。另外免費版對圖片大小有限制,好像是不能超過 1MB。對於一般的小型網站,免費版足夠用了。當然,如果免費版不能滿足你的需求,Kraken.io 也提供了收費的套餐,起步價 5 美元一個月,也算是實惠。
Do one thing at a time, and do well.
-

15

主題

2

好友

244

積分

資優插班生

Rank: 10Rank: 10Rank: 10

總積分排名30

 成长值: 0
發表於 6-5-15 22:49:48 |顯示全部樓層
其實jpg壓縮是最大
但肉眼可以睇到靚質素

點評

webmaster  用JPG某程度上係犧牲左圖片質素,PNG比較好。 當然營運網站時,仲要考慮埋流量問題。 因為每一個人打開個頁面,會下載晒頁面既圖。 學生網每月流量達100GB,最主要原因是圖片問題。 如果發表者壓縮再上傳,相信可  詳情 回復 發表於 13-5-15 12:20 PM
-

573

主題

296

好友

278

積分

校長

總積分排名13

發表於 13-5-15 12:20:02 |顯示全部樓層
annieqing268 發表於 6-5-15 10:49 PM
其實jpg壓縮是最大
但肉眼可以睇到靚質素

用JPG某程度上係犧牲左圖片質素,PNG比較好。

當然營運網站時,仲要考慮埋流量問題。
因為每一個人打開個頁面,會下載晒頁面既圖。

學生網每月流量達100GB,最主要原因是圖片問題。
如果發表者壓縮再上傳,相信可以減輕一下網站的壓力。
Do one thing at a time, and do well.
-
您需要登錄後才可以回帖 登錄 | 申請入學

-

學生網

GMT+8, 24-2-17 11:38 AM , Processed in 0.108718 second(s), 34 queries , Gzip On.

Powered by Discuz!

© 2013-2016 學生網 - 學生必上的學生論壇。