圖像壓縮和網絡性能
你的網站的性能是非常重要的；快速的網站有讀者這枝，網上賣家銷售更多的是在搜索引擎排名的一個重要標準。網站速度的提高不是一個按鈕按下，瞧！這是一個更復雜，但主要的速度監控工具如dareboost或GTmetrix認為負載沉重的資源通常是圖像。
這里是一個名單，你應該記住的關于圖像優化當你建設一個網站。
 
首先圖像
調整圖像的大小以適合您的內容
 
在其自然大小顯示圖像，不要使用HTML調整。縮放的圖像是被縮放以匹配圖像的顯示大小。這通常發生在你使用手柄可以調整大小的圖像在一個所見即所得編輯。
似乎是基本的但它可以產生大量的關于加載時間的影響。有經驗的網頁設計師都知道這個事實，但不可能在最終客戶的情況下，不一定每天更新內容。
 
圖像大小和屏幕分辨率
 
“像素尺寸測量沿圖像的寬度和高度的像素總數。分辨率是一個位圖圖像細節的細度是每英寸的像素數（PPI）測量。每英寸像素越多，分辨率越高。一般來說，一個高分辨率的圖像產生更好的印刷圖像質量。”參考：https://helpx.adobe.com/photoshop/using/image-size-resolution.html
 
基于Web的展示環境，分辨率對圖像的視覺質量無影響，但對圖像質量。如果你的負載兩圖像大小相同，我們說一切x 250px網頁上@ @ 300dpi分辨率和屏幕顯示，最后將視覺上相似但不相同的重量。更高的分辨率僅為打印或如果你調整圖像大小是有趣的。例如，打印一張A4紙的支持。
 
避免裝載量大的圖像在同一頁上
 
關于圖像畫廊或博客的看法，也有一些你可以做的。在同一頁上的圖像不加載成千上萬，甚至小縮略圖。考慮采用逐步加載腳本，臉譜網，Flickr和所有社交媒體的使用。一個網頁的女巫使用這些腳本會將媒體加載直到你向下滾動，叫那些媒體的顯示。
 
圖像規格和屏幕
 
柵格和矢量圖像
光柵圖像是由像素；矢量圖像是由基本的幾何圖形。
公地使用矢量圖片網站是：
–     標志設計
–     圖標
所以一個柵格圖像將取決于分辨率，如果你放大或縮小光柵圖像，你會縮小像素。 矢量圖像 做保留外觀無論大小。
 
對有損和無損壓縮算法類型：
 
這也是你可以在谷歌的推薦和速度測試工具找到。有幾個腳本在網站做圖像壓縮。我們可以區分：
•有損壓縮
•無損壓縮
無損和有損壓縮條件確定，在一個壓縮文件，如果所有的原始數據可以恢復文件解壓時。無損壓縮，所有的信息都可以完全恢復后解壓縮。使用有損壓縮某些數據可能會丟失，因為，例如，在一個。PNG圖像，量化的顏色減少顏色數。
好吧，但是我為什么要冒風險進行有損壓縮，即使我可以節省大量的加載時間嗎？
 
有損和無損的選擇
 
問題是，圖像有損壓縮比無損的有效，尤其是對一個Web使用。檢查景觀圖像有損壓縮波紋管之前和之后。質量和重量是相似的圖像從良好的教程。在對面，一種無損壓縮從教程到教程。對圖像的最終用途，有損壓縮似乎真的更好。
   
裁剪和調整大小的圖像在PS圖象處理軟件
 
當你從一個PS圖象處理軟件的設計建立一個網站，你的工作，其中很大一部分是找到適用于圖像的最佳格式和壓縮。重量和質量之間找到最好的出口比例是關鍵。作為PS圖象處理軟件應用全局壓縮所有圖像區域，同時擁有光和高質量的圖像很復雜。
 
考慮到30的網頁，包括圖像創作的內容和主題設計圖片，你花在圖像輸出的時間是多少？過程很長，包括壓縮水平的一些嘗試。
考慮到這一點，你可以使用一個工具來壓縮圖像的最終創建過程中或讓一個CMS擴展做作業自動。
 
圖像壓縮工具
 
目前市場上的一些圖像壓縮服務。
–      imagerecycle提供CMS集成的最大范圍（WordPress、Joomla，Shopify，Magento）和圖像的有損和無損壓縮+縮放。壓縮工具也可用于自定義使用API項目。imagerecycle有獨特的特點，與競爭對手如PDF壓縮，網站審計報告，1圖像備份/恢復：https://www.imagerecycle.com
免費試用內容優化100MB可用，那么價格從7美元開始的1GB的無限和自由的子賬戶的內容。
–      海怪提供WordPress插件和API來壓縮圖像進行縮放+。免費試用50MB的內容優化是可行的。
–      tinypng：提供了一個API，再加上一個WordPress和Magento插件。
 
imagerecycle在線優化預覽
壓縮你的圖像/ PDF可以drag'n滴內容在上傳或使用該頁面的URL和得到的所有圖像的壓縮文件。
 
PDF格式的報告
貼上你的網站的URL，得到一個與可壓縮的圖像的細節在你的郵箱里的PDF報告，客戶很有用。
 
結論
圖像通常代表50-70%的您的網站內容，然后第一次頁面被加載的圖像質量主要決定。更重要的是因為連接通常是緩慢移動。
保持一個好看的、快速的網站，優化圖像！

牧羊人設計文章推薦：

5個鏈接建設技術一直被你忽略
谷歌推出的移動搜索結果
谷歌在美國和英國的產品于3月23日關閉