非凡資訊

網頁設計培訓資訊>上海松江網站后臺培訓學校分享網頁圖片優化秘訣

上海松江網站后臺培訓學校分享網頁圖片優化秘訣
發布日期:2019/6/18 15:14:08    上海松江網站后臺培訓學校 1563 分享
也許網頁上的圖像的確很出色,如果下載它們需要很長時間,訪問者可能沒有耐心堅持到最后以求一睹芳容了。這就需要優化網頁中的圖像,加快圖像的下載速度,下面網站后臺培訓老師分享網頁圖片優化秘訣,僅供同學們參考學習。
 
(1)網站后臺培訓老師建議首先要把網頁中可有可無的圖像去掉。也許覺得去掉一個3kb大小的圖像沒有什么意義,但對于一個只有20kb的頁面將會減少25%的下載時間。或者使用文本按鈕代替圖像按鈕。用靜態圖像代替動態圖像。
 
(2)不要把尺寸碩大的圖像直接鏈接到網頁中。如果非要看到大尺寸的圖像,可以先在網頁中鏈接一個小尺寸的縮略圖,然后給縮略圖建立一個鏈接指向大尺寸的圖像,由訪問者去決定是否觀看。這是在網上建立相冊最常用的方法。
 
(3)確定一個圖像用GIF格式還是JPEG格式。GIF格式用在色彩較少的小圖形上是很完美的,它支持不超過八位的顏色深度,允許有透明色,采用無損失的壓縮格式且支持動畫。GIF格式可用于網站的標志、小按鈕和廣告條等。JPEG文件可以顯示幾千種顏色,而且壓縮率比GIF文件高。它們很適合照片方式的圖像。較大的圖像適合用JPEG格式存儲。
 
(4)設定圖像尺寸。在頁面中如果圖像放在表格之前或表格里,設定圖像尺寸就非常重要,沒有設定尺寸的圖像會迫使瀏覽器清除和重繪頁面。網站后臺培訓老師提醒同學們使用Dreamweaver可以自動插入說明圖像大小的代碼,不過不要用這個功能去改變圖像的尺寸。如果用于放大圖像,會得到一幅有鋸齒的圖像。而縮小圖像,瀏覽器下載的數據比實際要顯示的圖像多,于是增加了下載時間。
 
(5)把一個大尺寸的圖像分割成若干個小圖像。瀏覽器總是下載完一幅圖像后,才去顯示圖像,為了不讓訪問者等得著急,可以把一個大尺寸的圖像分割成若干個小圖像,讓瀏覽器下載一點顯示一點。
上海網站后臺培訓
本文來源:網絡。整理:網站后臺培訓學校。更多資訊【請關注微信號:feifanxueyuan】(版權聲明:推送文章和圖片我們都會注明作者和來源,除非確實無法確認。部分文章和圖片推送時未能與原作者取得聯系,若涉及版權,煩請原作者聯系小編更正,謝謝。)
相關文章:
上海松江網站后臺培訓學校分享網頁圖片優化秘訣
免費試聽熱門課程
在線客服
熱線電話
非凡學院公眾號
黑龙江快乐十分前三组基本走势图