學習調整Web圖像的大小
網頁圖像佔據了大多數網頁的大部分下載時間。 但是,如果你優化你的網絡圖像,你將有一個更快的加載網站。 有很多方法可以優化網頁。 最能夠提高你的速度的一種方法是讓圖形盡可能小。
一個好的經驗法則是盡量保持單個圖像不大於12KB,並且包括所有圖像,HTML,CSS和JavaScript在內的網頁總大小不應超過100KB,最好不超過50KB。
為了盡可能減小圖形,您需要有圖形軟件來編輯圖像。 您可以獲得圖形編輯器或使用像Photoshop Express Editor這樣的在線工具。
以下是評估圖像並縮小圖像的一些提示:
圖像格式是否正確?
網絡上只有三種圖像格式 :GIF,JPG和PNG。 他們每個人都有特定的目的。
- GIF -使用平面彩色圖像的GIF格式。 這些只是幾種顏色的圖像。
- JPG -使用JPG格式拍攝照片。 這些是具有數百萬種顏色的圖像。
- PNG -如果您不需要將圖像顯示在移動設備上,請使用PNG格式。 它們適用於平面色彩和照片圖像。 最好將圖像保存為PNG和JPG或GIF格式,然後使用較小的版本。
什麼是圖像尺寸?
讓圖像變小的簡單方法就是做到這一點,讓它們更小。 大多數相機拍攝的照片比一般網頁可顯示的要大。 通過將尺寸更改為大約500 x 500像素或更小的尺寸,您將創建更小的圖像。
圖像是否被裁剪?
接下來你應該做的是確保圖像盡可能緊湊地裁剪。 越是剪裁圖像越小。 剪裁還可以通過消除多餘的背景來幫助定義圖像的主題。
你的GIF使用多少種顏色?
GIF是平面彩色圖像,它們包含圖像中存在的顏色索引。 但是,GIF索引可以包含比實際顯示的更多的顏色。 通過將索引僅縮小為圖像中的顏色,可以減小文件大小 。
JPG設置的質量設置是什麼?
JPG的質量設置從100%降至0%。 質量設置越小,文件越小。 不過要小心。 質量影響圖像的外觀。 所以選擇一個不太難看的質量設置,同時仍然保持文件的大小。