圖片優化需求

Question

我使用類似100pulse.com這樣的工具測試了我的網站加載性能，這些工具顯示我的網站由於不正確的圖片優化而花費了不尋常的時間加載。任何人都可以建議良好的圖像優化技術來提高我的網站響應時間

Answer 1

您可以使用此Smushit來優化你的圖像，他們下拉它們的大小，而不會損壞質量。

http://developer.yahoo.com/yslow/smushit/

他們給你，爲什麼它是涼更詳細的解釋，它真的幫了我的一些手機遊戲和Flash應用程序工作時。

Answer 2

圖像優化

圖像壓縮要麼是有損或無損：有損作品通過從原始文件丟棄的信息，和無損保留了所有的原始數據（雖然，文件大小趨向於更大）。

通過選擇性地減少圖像中的顏色數量，需要更少的字節來存儲數據。效果幾乎看不見，但是它在文件大小上造成了很大的差異！ 因此這將導致更快的頁面下載時間

有各種各樣的是採取不同的方法，以減少文件大小的圖像壓縮算法，並在下面列出的工具，利用一些那些以儘量減少圖像的大小。

TinyPNG（https://tinypng.com/）

TinyPNG使用智能有損壓縮技術，以減少您的PNG文件的文件大小。

OR

TinyJPG（https://tinyjpg.com/） 對於JPG文件

參考：http://websitespeedoptimizations.com/ImageOptzPost.aspx

Answer 3

給像一些bash的愛。

「SIPS -s formatOptions 60圖像/路徑」 圖像/路徑，也可以只需拖動的形象。

你也可以嘗試調整圖像保存速度

「SIPS -Z 800圖像/路徑」

這個代碼將保持縱橫比

用於nontech溶液 TinyPNG（https://tinypng.com/）

高級用戶試用（guetzli）可能需要幾分鐘才能優化一個圖像，但它確實很好。

Answer 4

如果你想進入它，然後我全力推薦閱讀本指南：https://images.guide/

如果你只是想一勞永逸地解決問題，併爲所有爲您的網站，你可能想嘗試https://piio.co

整合非常簡單，您只需將<img src="image.jpg" />更改爲<img data-piio="image.jpg />並將JS庫包含在HTML中。

完全披露（這是我的創業），但我們正在努力，所以人們不需要擔心圖像優化了。