<output id="jbxdv"></output>

      1. 網頁圖像概述

        • 2019-09-17 16:01:49
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        在設計和制作網頁之前,首先要制作網頁圖像,這是不可缺少的前期工作。制作一個網頁大部分時間都花在版面安排和圖像設計上。如果一個網頁版面安排合理、整潔、圖形設計精美,一定能讓人喜愛。設計網頁使用的圖像不僅要簡單,還需要與整個頁面設計風格、結構特點、圖像要表達的內容相協調,否則很難與頁面匹配。

        網頁圖像格式

        網頁中對所使用的圖像格式是有限制的,不是任何一種圖像格式的文件都能應用到網頁中,所以在制作之前就要考慮到這一點,以免制作出來的圖像無法在網頁中使用。

        目前,網絡支持的圖形格式主要有JPEG/JPG、GIF和PNG 3種。由于這3種格式各有利弊,在設計網頁時,要根據實際情況來選擇使用何種圖像格式。   

        ?JPEG/JPG:這是一種失真壓縮的圖像文件格式,其壓縮效果非常明顯,并支持真彩色24位和漸進格式。雖然此格式支持真彩色24位,但壓縮后的文件相對網絡圖像而言仍然顯得很大,僅適用于對于質量要求高的圖像,如顏色豐富的風景畫和照相作品等,可以考慮使用這一格式。JPEG格式在壓縮保存的過程中會以失真最小的方式丟掉一些人眼不易察覺的數據,因而以此格式保存后的圖像沒有原圖像的質量好。   

        ?GIF:這是網頁中使用最多的圖像格式,它最大的優點就是所生成的文件比較小,非常適合網絡傳輸,并且支持透明背景和動畫功能。

        因此,此格式在網頁中應用非常廣泛。GIF格式的圖像與JPEG格式不同,它為非失真壓縮,存儲格式為1位~8位。只支持256色,而不支持真彩色24位,這是GIF格式的主要缺點。   

        ?PNG:此格式是Fireworks的默認格式,它是一種非失真壓縮格式,具有JPEG和GIF格式的全部優點,如支持透明背景、動畫和真彩色24位。除了上面介紹的3種圖像格式之外,還有許多種圖像格式,如BMP、TIF、PSD、EPS等格式,但這些格式都無法直接使用到網頁中。因此,在設計網頁過程中,必須將這些圖像格式的文件先轉換成GIF、JPEG或PNG格式的文件。轉換方法很多,只要用Photoshop等圖像處理軟件打開要轉換的圖像文件,另存為在網頁中使用的JPEG、GIF或PNG格式文件即可。

        圖像下載速度

        網站建設時,從圖像顯示效果而言,當然是圖像顏色越豐富越好,這樣可以很清晰地欣賞圖像。但對瀏覽者而言,就需要等待更多的時間才能瀏覽到此圖像。因為顏色越豐富,圖像文件就越大,其在網絡上的傳輸也就越慢。因此,在設計網頁時,萬不得已不要放入過大的圖像文件,也不要用過多的多媒體文件造成瀏覽者觀看頁面時的麻煩。

        其實,制作網絡圖像與制作普通圖像沒什么兩樣,不同點在于網絡圖像要在網絡上傳輸,因此除了要考慮圖像品質之外,更多的則要考慮圖像文件的大小,以便圖像能夠更快地在網絡上傳輸??刂茍D像文件大小,以便于在網絡上傳輸時,應注意以下幾項。

         ?圖像格式:不同的圖像格式,其壓縮率不同,所存儲的文件大小也不同。   

        ?圖像尺寸:圖像尺寸越大,圖像文件就越大。反之,圖像尺寸越小,文件就越小。   

        ?顏色數目:在一個圖像中,顏色越豐富,所記錄的數據就越多,因而保存后的文件也就越大。   

        ?分辨率:分辨率是指在單位長度內所含有的點(或像素)的多少。因此,分辨率越大,所記錄的數據也就越多,文件也就越大。

        根據以上幾點,用戶就可以在制作圖像時,合理有效地控制圖像文件的大小了。但要注意,不要一味地追求文件大小,而忽略了圖像質量。若如此,即使圖像文件再小也失去了意義。有時,不得不在網頁中放入一些大圖,但應為瀏覽者多考慮,盡量讓這個圖像文件最小。例如,可以使用Photoshop中的圖像分割功能,將圖像分割成多個小區域。這樣,在網絡上下載時就不會因圖像太大而造成漫長的等待了。

        當前文章標題:網頁圖像概述

        當前URL:http://www.freenetsites.com/news/wzzz/3097.html

        上一篇:網頁設計中如何設計圖文展示欄目

        下一篇:網頁圖像制作技巧

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>