導航:首頁 > 萬維百科 > 網頁設計用什麼處理圖片

網頁設計用什麼處理圖片

發布時間:2020-09-02 01:21:48

1、網頁設計里常用的圖片格式有哪些?

1、PDF格式,是Photoshop圖像處理軟體的專用文件格式,文件擴展名是.psd,也是Photoshop中新建圖像的默認格式。它是唯一支持所有可用圖像模式(點陣圖、灰度、雙色調、索引顏色、RGB、CMYK、Lab和多通道)參考線、Alpha通道、專色通道和圖層(包括調整圖層、文字圖層、圖層效果和圖層蒙板)的格式,是一種非壓縮的原始文件保存格式。網站設計中PSD文件有時容量會很大,但由於可以保留所有原始信息,在圖像處理中對於尚未製作完成的圖像,選用PSD格式保存是最佳的選擇。
當對一張照片處理完成後,保存時選擇Pdf格式,能夠保存各個圖層,通道,蒙版等的所有信息,當再次打開時想要修改某個細節如:刪除某個圖層樣式,修改某個調整圖層或將某個Alpha通道作為選區載入等,都是很方便的。但是一般psd格式圖像文件較大,不便於傳輸,所以一般採用這種格式保存作為作品的備份。
2、GIF圖片格式,GIF是一種調色板型(palette type)(或者說是索引型)的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題
GIF是一種無損壓縮的格式,這意味著當你修改並且保存了圖片的時候,它的質量不會有任何損耗。
GIF格式也支持動畫.在黑暗的web1.0時代,它導致了大量多餘的曇花一現的「新」圖片(blinking 「new」 images),循環的@符號(rotating @ signs),birds dropping,a email以及其他一些讓人厭煩的東西的出現。在更加文明的web2.0時代,在等待一個更新頁面的ajax請求的時候,我們仍然會看到 「loading」動畫,網站建設但是也有一些比較討人喜歡的東西,人們喜歡把它們放在自己的網路上。不管怎麼說,如果你有需要,就可以使用動畫支持。
GIF也支持透明度,透明度的值是一種布爾類型數據。GIF圖片里的一個象素要麼完全透明,要麼完全不透明。
3、 PNG圖片格式,PNG的圖片又分為 PNG-8 、 PNG-24 兩種,其中,PNG-8 與 GIF 類似,支持 256 色調色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 擁有的優勢 PNG-8 都擁有,GIF 所沒有的優勢 PNG-8 也有,同樣的文件,PNG-8 格式比 GIF 要小, PNG-8 的特點使得它在網站設計切圖環節深受網站設計師的喜愛。PNG 可以以任何顏色深度存儲圖像,也支持高級別的無損耗壓縮、支持伽瑪校正,支持交錯,受最新 Web 瀏覽器的支持,能夠提供長度比 GIF 小30%的無損壓縮圖像文件,最高支持 48 位真彩色圖像以及 16 位灰度圖像,漸近顯示和流式讀寫,深圳網站設計不足的是較舊的瀏覽器和程序可能不支持 PNG 文件。
4、JPEG圖片格式,是目前網路上最流行的圖像格式,是可以把文件壓縮到最小的格式,在 Photoshop軟體中以JPEG格式儲存時,提供11級壓縮級別,以0—10級表示。其中0級壓縮比最高,圖像品質最差。即使採用細節幾乎無損的10 級質量保存時,壓縮比也可達 5:1。以BMP格式保存時得到4.28MB圖像文件,在採用JPG格式保存時,其文件僅為178KB,壓縮比達到24:1。經過多次比較,採用第8級壓縮為存儲空間與圖像質量兼得的最佳比例。JPEG格式的應用非常廣泛,特別是在網路和光碟讀物上,都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式,因為JPEG格式的文件尺寸較小,下載速度快。
5、BMP圖片格式,BMP是英文Bitmap(點陣圖)的簡寫,它是Windows操作系統中的標准圖像文件格式,在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。Windows系統內部各圖像繪制操作都是以BMP為基礎的。隨著Windows操作系統的流行與豐富的Windows應用程序的開發,BMP點陣圖格式理所當然地被廣泛應用。這種格式的特點是包含的圖像信息較豐富,深圳網站設計幾乎不進行壓縮,但由此導致了它與生俱生來的缺點--佔用磁碟空間過大。所以,目前BMP在單機上比較流行。BMP點陣圖文件默認的文件擴展名是BMP或者bmp(有時它也會以.DIB或.RLE作擴展名)。
6、TGA圖片格式: TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。
其他還有些網頁設計中比較冷門點的格式,如TIF、PCX等格式,一般就用的非常少,這里就不做一一介紹了。合理的運用好格式可以很好的控制好網頁布局。

2、網頁設計中的圖片處理問題?

網站設計八步驟

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
★要想學做網頁,首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡。

Dreamweaver:這是網頁三劍客之一,專門製作網頁的工具,可以自動將網頁生成代碼,是普通網頁製作者的首選工具,界面簡單,實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具,javascript、java編輯器等。

網頁製作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底。所以還得學很多邊緣性的軟體,例如photoshop、flash等。

大型的網站往往還需要資料庫的支持,所以還得懂資料庫。sql、甲骨文等。

總之,掌握好網頁製作,能獨立完成一個網站的製作工作,那就不要考慮吃飯問題。隨便混就好了!

祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。
聖托電器網的網站做的挺不錯哦,你可以參考一下

3、適合製作網頁的圖片處理方法?

用photoshop,然後在裡面選擇文件 - 存儲為web所用格式 ,如果圖片的顏色不多,就選擇存儲為gif格式的,如果顏色比較復雜,就選擇存儲為jpg格式的,這樣保存出來的圖片是很小的,圖片質量也幾乎沒有什麼損失。

4、網頁設計中的圖片一般用什麼格式

PNG或GIF,也有用jpg的,不過要優化

5、網頁設計師圖片都用什麼工具的

你的意思是切圖排版吧,firework和photoshop都可以的,他兩個都有切片功能。

photoshop切片工具:

firework切片工具:

PS的切圖一般有些人用不好,沒有firework方便,建議你用firework來切。

6、網頁圖片處理用什麼軟體

網頁圖片處理用Photoshop。

還可以用光影魔術手,美圖秀秀等圖形編輯軟體。


Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。


光影魔術手是款針對圖像畫質進行改善提升及效果處理的軟體。簡單、易用,不需要任何專業的圖像技術,[1]  就可以製作出專業膠片攝影的色彩效果,且其批量處理功能非常強大,是攝影作品後期處理、圖片快速美容、數碼照片沖印整理時必備的圖像處理軟體,能夠滿足絕大部分人照片後期處理的需要。


美圖秀秀由美圖網研發推出,是一款免費圖片處理軟體,不用學習就會用,比Adobe Photoshop簡單很多。圖片特效、美容、拼圖、場景、邊框、飾品等功能,加上每天更新的精選素材,可以讓你1分鍾做出影樓級照片,還能一鍵分享到新浪微博、人人網、QQ空間。

7、關於網頁製作的,什麼是切圖,切圖要達到什麼目的,用什麼工具來切

製作網頁,很多的時候,首先要用圖片處理軟體製作出網頁的效果圖。效果圖做好是一幅完整的圖片,不可能把這一整張的圖片都用在網頁里。把效果圖中有用的部分剪切下來作為網頁製作時的素材,這個過程就是切圖。(當然是用剪切、選擇工具也可以,但是用切片工具處理更精確。)

切圖的目的就是更加精確的進行網頁布局。

photoshop、fireworks等軟體都帶有切片工具。

8、使用在線圖片製作網站怎麼處理圖片啊?

除了在線處理圖片,我們還可以下載安裝圖片工具來操作。

具體的操作步驟如下:

這是一款超贊的多功能圖片處理工具,不僅支持圖片一鍵批量處理,同時擁有效果預覽、圖片格式轉換、圖片壓縮、美化圖片、添加水印等功能。

第二步、打開圖片工具,在操作界面的左側選擇需要的功能,如:圖片壓縮


第三步、然後,選擇」添加文件「將需要壓縮的圖片上傳到軟體上。


第四步、成功添加圖片後,在軟體右下方的設置中選擇效果級別,級別越高壓縮得越小。如下圖,有一個原圖大小和預計大小的對比。


第五步、圖叫獸軟體默認的文件保存位置是原文件夾,勾選」自定義「可進行更改。


第六步、最後,點擊操作界面右上角的」開始壓縮「即可。

9、製作網頁時用到的圖片是用什麼做的

大多數都是photoshop,其他圖像處理軟體也可以,但ps是世界上用得最多的

與網頁設計用什麼處理圖片相關的知識