企業建網站網頁圖形的優化和應用原則
日期 : 2021-04-18 23:04:39
網頁圖形的優化和應用原則。對于一個網站來說, 網頁的下載速度是非常重要的, 但是影響網頁的下載速度的因素除了網速以外, 網頁中所包含的圖像圖形對網頁的下載速度也有很大的影響。因此, 對網頁圖形進行優化, 使網頁能夠快速下載是網站設計制作中考慮的首要問題。所以, 接下來就來探討一下圖片優化的基本方法。
首先是圖片的裁切, 裁切時應盡量沿所需圖像邊緣裁切, 避免不必要區域占用文件大小。如果在頁面中有一張過大的圖片, 也可以先把它裁成小塊, 然后再使用Table語法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的無縫功能, 將它們組合起來, 這樣也會提高圖片的加載速度。再者就是圖片的輸出, 一般情況下, 色彩少的圖片使用GIF或者PNG格式, 色彩豐富的的圖片使用JPG格式。如果是一些攝影網站, 圖片要求都是高清圖片, 那就可以用JPG格式做小圖預覽, 然后鏈接到TIF格式 ( 無損) 的原圖, 這對沒興趣看這張大圖片的瀏覽者而言, 不但可快速下載該網頁, 而且也是一種體貼的選擇。還有些圖片, 因為要在不同的背景中使用, 需要輸出為透明的效果, 這時, 就可以選用GIF格式, 因為對于GIF圖像來說, 色彩越少, 文件就越小。
所以說在看起來可以接受的范圍內, 盡可能地將色彩數量減少, 就能夠對GIF圖像進行不錯的優化。而且對于網頁中所采用的圖檔, 通常會加入Width、Height這兩個屬性, 這樣就可以在加載網頁的過程中為圖像預留空間, 在加載圖片時, 用戶就可以先瀏覽其他已加載項目。如果沒有這些屬性, 瀏覽器就不能了解圖像的大小, 也就不能為圖像預留下合適的空間, 這可能會給網頁中其他元素的顯示帶來很大的延遲, 從而影響用戶的閱讀。
首先是圖片的裁切, 裁切時應盡量沿所需圖像邊緣裁切, 避免不必要區域占用文件大小。如果在頁面中有一張過大的圖片, 也可以先把它裁成小塊, 然后再使用Table語法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的無縫功能, 將它們組合起來, 這樣也會提高圖片的加載速度。再者就是圖片的輸出, 一般情況下, 色彩少的圖片使用GIF或者PNG格式, 色彩豐富的的圖片使用JPG格式。如果是一些攝影網站, 圖片要求都是高清圖片, 那就可以用JPG格式做小圖預覽, 然后鏈接到TIF格式 ( 無損) 的原圖, 這對沒興趣看這張大圖片的瀏覽者而言, 不但可快速下載該網頁, 而且也是一種體貼的選擇。還有些圖片, 因為要在不同的背景中使用, 需要輸出為透明的效果, 這時, 就可以選用GIF格式, 因為對于GIF圖像來說, 色彩越少, 文件就越小。
所以說在看起來可以接受的范圍內, 盡可能地將色彩數量減少, 就能夠對GIF圖像進行不錯的優化。而且對于網頁中所采用的圖檔, 通常會加入Width、Height這兩個屬性, 這樣就可以在加載網頁的過程中為圖像預留空間, 在加載圖片時, 用戶就可以先瀏覽其他已加載項目。如果沒有這些屬性, 瀏覽器就不能了解圖像的大小, 也就不能為圖像預留下合適的空間, 這可能會給網頁中其他元素的顯示帶來很大的延遲, 從而影響用戶的閱讀。
上一篇：企業建網站少用黑帽SEO
下一篇：企業建網站模塊的功能（下）
相關文章
精彩導讀
熱門資訊
