網頁制作學習分享之圖片優化的秘訣

來源：m.hebeijilong.cn 發布人：星星

2021-12-23 11:57:59|已瀏覽：257次

網頁制作學習分享之圖片優化的秘訣

也許網頁上的圖像的確很出色，如果下載它們需要很長時間，訪問者可能沒有耐心堅持到最后以求一睹芳容了。這就需要優化網頁中的圖像，加快圖像的下載速度，下面老師分享網頁圖片優化秘訣，僅供同學們參考學習。

(1)網站后臺培訓老師建議首先要把網頁中可有可無的圖像去掉。也許覺得去掉一個3kb大小的圖像沒什么意義，但對于一個只有20kb的頁面將會減少25%的下載時間。或者使用文本按鈕代替圖像按鈕。用靜態圖像代替動態圖像。
(2)不要把尺寸碩大的圖像直接鏈接到網頁中。如果非要看到大尺寸的圖像，可以先在網頁中鏈接一個小尺寸的縮略圖，然后給縮略圖建立一個鏈接指向大尺寸的圖像，由訪問者去決定是否觀看。這是在網上建立相冊最常用方法。
(3)確定一個圖像用GIF格式還是JPEG格式。GIF格式用在色彩較少的小圖形上是很完美的，它支持不超過八位的顏色深度，允許有透明色，采用無損失的壓縮格式且支持動畫。GIF格式可用于網站的標志、小按鈕和廣告條等。JPEG文件可以顯示幾千種顏色，而且壓縮率比GIF文件高。它們很適合照片方式的圖像。較大的圖像適合用JPEG格式存儲。
(4)設定圖像尺寸。在頁面中如果圖像放在表格之前或表格里，設定圖像尺寸就非常重要，沒有設定尺寸的圖像會迫使瀏覽器清除和重繪頁面。網站后臺培訓老師提醒同學們使用Dreamweaver可以自動插入說明圖像大小的代碼，不過不要用這個功能去改變圖像的尺寸。如果用于放大圖像，會得到一幅有鋸齒的圖像。而縮小圖像，瀏覽器下載的數據比實際要顯示的圖像多，于是增加了下載時間。

(5)把一個大尺寸的圖像分割成若干個小圖像。瀏覽器總是下載完一幅圖像后，才去顯示圖像，為了不讓訪問者等得著急，可以把一個大尺寸的圖像分割成若干個小圖像，讓瀏覽器下載一點顯示一點。

本文由培訓無憂網天琥教育專屬課程顧問老師整理發布，更多網頁制作相關課程請關注培訓無憂網網頁制作培訓或添加老師微信：15033336050

注：尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-9482.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注網頁制作頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050

相關新聞