壓縮圖像而不丟失我的網站的質量

Question

我有一個具有500像素的特定高度的全寬滑塊，我遇到的問題是，由於圖像太大，他們真的很重，滑塊需要很長時間時間加載，我如何壓縮圖像而不會丟失質量？有沒有辦法？像插件，代碼或我可以做的事情？

Answer 1

你的網站看起來不錯，這種類型的圖像可能會保持一個良好的外觀使用有損壓縮，如jpeg與一些非常好的結果。

，但如果你仍然想嘗試喜歡這裏詳細描述

http://oreilly.com/server-administration/excerpts/9780596522315/optimizing-images.html

1. 嘗試不同的圖像格式
2. 嘗試不同的分辨率（有損）
3. 嘗試一些不同的無損技術尺寸（有損）
4. 嘗試減少調色板（有損）
5. 嘗試pngcrush破碎的PNG（見鏈接）
6. 嘗試剝離JPG元數據（見鏈接）
7. 嘗試拆分圖像（舊液，10年前，這是一個方式來加載巨大的圖像，但仍然可與阿賈克斯同谷歌地圖 - 有關於如何做到這本書一個免費的Java代碼示例 - http://pragprog.com/titles/ajax/source_code - 可供下載源代碼）

好運氣在這種情況下

Answer 2

檢查此鏈接：

http://imageoptim.com/
https://developers.google.com/speed/docs/best-practices/payload?hl=es-419&csw=1#CompressImages

如果是這樣使用一個小的jQuery插件像ResponsiveSlides.js。

Answer 3

插件不會工作。您可以使用任何在線圖像優化工具來縮小圖像大小，然後將其上傳到服務器。 TinyPNG是很好的PNG在線工具，還有其他工具可用於其他格式，如Image Optimizer，您可以根據最合適的要求調整圖像質量。

Answer 4

好吧，圖像壓縮是大多數網站面臨的常見問題。很難假定任何沒有圖像的網站。

如果你只想把圖像一次，或者如果這些很少改變，那麼只是去一些在線圖像壓縮工具，如Tinypng或CompressImage

否則，如果壓縮圖像是您的日常任務，然後去尋求自己的解決方案，即根據您的需求構建圖像壓縮算法。

大多數平臺都有一些內置的圖像壓縮算法。哪種技術是最好的;很難說。

如果可能玩設計，只需將圖像縮小到任意大小，然後給它一個影子。