太大的圖像可能會損害您的網站

學習調整Web圖像的大小

網頁圖像佔據了大多數網頁的大部分下載時間。 但是,如果你優化你的網絡圖像,你將有一個更快的加載網站。 有很多方法可以優化網頁。 最能夠提高你的速度的一種方法是讓圖形盡可能小。

一個好的經驗法則是盡量保持單個圖像不大於12KB,並且包括所有圖像,HTML,CSS和JavaScript在內的網頁總大小不應超過100KB,最好不超過50KB。

為了盡可能減小圖形,您需要有圖形軟件來編輯圖像。 您可以獲得圖形編輯器或使用像Photoshop Express Editor這樣的在線工具。

以下是評估圖像並縮小圖像的一些提示:

圖像格式是否正確?

網絡上只有三種圖像格式 :GIF,JPG和PNG。 他們每個人都有特定的目的。

什麼是圖像尺寸?

讓圖像變小的簡單方法就是做到這一點,讓它們更小。 大多數相機拍攝的照片比一般網頁可顯示的要大。 通過將尺寸更改為大約500 x 500像素或更小的尺寸,您將創建更小的圖像。

圖像是否被裁剪?

接下來你應該做的是確保圖像盡可能緊湊地裁剪。 越是剪裁圖像越小。 剪裁還可以通過消除多餘的背景來幫助定義圖像的主題。

你的GIF使用多少種顏色?

GIF是平面彩色圖像,它們包含圖像中存在的顏色索引。 但是,GIF索引可以包含比實際顯示的更多的顏色。 通過將索引僅縮小為圖像中的顏色,可以減小文件大小

JPG設置的質量設置是什麼?

JPG的質量設置從100%降至0%。 質量設置越小,文件越小。 不過要小心。 質量影響圖像的外觀。 所以選擇一個不太難看的質量設置,同時仍然保持文件的大小。