鄭州網(wǎng)站建設(shè)中圖片格式的選擇

時(shí)間：2019-08-09作者：河南賽憬信息科技有限公司瀏覽：46

在網(wǎng)頁(yè)設(shè)計(jì)中，切圖導(dǎo)出是指設(shè)計(jì)師將剛繪制完成的原始圖稿轉(zhuǎn)換成用于網(wǎng)頁(yè)的圖片格式、然后交由鄭州網(wǎng)站建設(shè)人員進(jìn)行排版的重要步驟。適合的圖片格式不但可以將讓設(shè)計(jì)得到具體的顯示效果、甚至還可以有效的控制圖片的檔案大小，節(jié)省網(wǎng)站的下載時(shí)間。以設(shè)計(jì)師較常用的Adobe Photoshop為例，都提供了「儲(chǔ)存為網(wǎng)頁(yè)與裝置用(D)…」的功能。它與默認(rèn)的存盤模式不同，在這個(gè)模式中，軟件提供了仿真圖文件輸出的質(zhì)量調(diào)整、檔案大小控制等針對(duì)網(wǎng)頁(yè)圖文件需求的選項(xiàng)。

鄭州網(wǎng)站建設(shè)中較常用的格式不外乎 JPG、GIF、PNG 等格式，但并非所有的人都知道他們之前的實(shí)際差別跟到底何時(shí)該選擇何種格式。經(jīng)常發(fā)生的情況是，選擇 GIF 后的輸出結(jié)果看起來(lái)變得很糟糕，于是 PNG （24）似乎突然間風(fēng)行了起來(lái)，不過圖片尺寸是不是因此多了好幾倍。
下面我們就來(lái)分析以下這三種圖片格式之間的差別:
鄭州網(wǎng)站建設(shè)時(shí)圖片格式的選擇JPEG格式
由于舊型計(jì)算機(jī)系統(tǒng)以及文件系統(tǒng)的限制，計(jì)算機(jī)檔案文件名與擴(kuò)展名被規(guī)定為 8.3 的格式，因此 JPEG 的附檔名被縮寫為 .JPG。JPEG可以說是人們較熟悉的圖檔格式了，相信在數(shù)字相機(jī)普及的現(xiàn)在，幾乎每臺(tái)數(shù)字相機(jī)、照相手機(jī)都可以（甚至只能）輸出 JPEG 格式的圖檔。JPEG是一種很典型的使用破壞性壓縮（lossy compression）的圖檔格式，也就是說使用者每次進(jìn)行 JPEG 的存檔動(dòng)作后，圖檔的內(nèi)容都會(huì)遭到破壞，這個(gè)特性在肉眼辨識(shí)下并不明顯，但卻可以有效的降低圖片的尺寸大小。
就如這些使用 JPEG 的設(shè)備一樣，JPEG 非常適合作為儲(chǔ)存像素色彩豐富的圖片、例如照片等等，這些圖片即使有些微的失真也不容易輕易的察覺：而反過來(lái)說 JPEG 并不適合用來(lái)儲(chǔ)存線條圖、圖標(biāo)或文字等等有清晰邊緣的圖片多次重復(fù)進(jìn)行 JPEG 的圖檔的儲(chǔ)存將會(huì)*性地破壞圖片中的細(xì)節(jié)。
鄭州網(wǎng)站建設(shè)時(shí)圖片格式的選擇GIF格式
Gif 在許多特性與表現(xiàn)上都與 JPEG 有著相對(duì)的特性。GIF 使用無(wú)損壓縮格式（Lossless Compression），但卻限制了色彩表現(xiàn)能力、能夠有效地節(jié)省檔案尺寸。GIF 只擁有 8 位的顏色深度信息，所謂的 8 位是指 2 的 8 次方也就是 256 色，當(dāng)你的圖片中出現(xiàn)的色彩在 256 色以內(nèi)時(shí)，使用 GIF 可以得到相當(dāng)好的輸出質(zhì)量、同時(shí)兼顧了檔案大小。因此 GIF 非常適合用來(lái)表現(xiàn)圖標(biāo)、 UI接口、線條插畫、文字等部分的輸出。
另外 GIF 同時(shí)還支持透明背景、以及動(dòng)畫圖檔格式，并且?guī)缀醪挥脫?dān)心支持性的問題：幾乎 100％ 的瀏覽器都支持它。由于 JPEG 與 GIF 有著如此不同的特性，因此我們可以很輕易的選擇何時(shí)該用哪一種格式來(lái)輸出我們需要的圖檔。當(dāng)圖片擁有豐富的色彩時(shí)，并且沒有明顯銳利反差的邊緣線條時(shí)，選 擇 JPEG 可以得到較好的輸出結(jié)果。
鄭州網(wǎng)站建設(shè)時(shí)圖片格式的選擇PNG格式
PNG 較初的開發(fā)目的是為了作為 GIF 的替代方案的，作為做新開發(fā)的影像傳輸文件格式，PNG 同樣使用了無(wú)損壓縮格式，事實(shí)上 PNG 的開發(fā)就是因?yàn)?GIF 所使用的無(wú)損壓縮格式**問題而誕生的。
PNG 分為 PNG-8 以及 PNG-24 兩種格式，PNG-8 的特性很接近 GIF ，支持 256 色以及透明背景的特性。而 PNG-24 則支持了多達(dá) 160 萬(wàn)個(gè)色彩。
雖然 PNG 不支持動(dòng)畫，但是 PNG-24 支持了Alpha 透明效果，這可以說是 PNG-24 較令人眼睛一亮的地方了。也就是說使用 PNG 輸出圖檔時(shí)，可以有效的支持不同的透明度效果了。這對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說無(wú)疑是一個(gè)好消息，像這張圖片其實(shí)是使用了三張 PNG-24 的圖片在網(wǎng)頁(yè)中排版出來(lái)的效果：
在大部分的情況下，設(shè)計(jì)師必須根據(jù)圖片需求來(lái)選擇不同的圖檔格式，并且對(duì)其做適當(dāng)?shù)恼{(diào)整。雖然 PNG-24 看起來(lái)很**，但是相應(yīng)的當(dāng)然就是檔案大小的增加。另外還有就是瀏覽器支持度的問題，雖然現(xiàn)在幾乎大部分的瀏覽器都支持了 PNG-24 格式，但不幸的是IE6 是不支持透明 PNG 圖檔的，現(xiàn)在依然有相當(dāng)?shù)氖褂谜咴谑褂?IE6 或較早的版本，雖然比例會(huì)越來(lái)越少，但是設(shè)計(jì)師多少必須將其考慮其內(nèi)，是否考慮使用 GIF 替代，或是在程序端透過 script 的方式來(lái)支持透明 PNG 格式。


河南賽憬信息科技有限公司專注于鄭州網(wǎng)絡(luò)推廣,鄭州關(guān)鍵詞優(yōu)化,鄭州網(wǎng)站優(yōu)化等

• 詞條

  詞條說明

• 鄭州網(wǎng)站建設(shè)為什么要首先出效果圖讓客戶確認(rèn)

  鄭州網(wǎng)站建設(shè)為什么要首先出效果圖讓客戶確認(rèn)一、避免多次修改浪費(fèi)工時(shí)，節(jié)省人力成本。大家都知道，鄭州網(wǎng)站建設(shè)公司在這樣的大城市能夠立足并生存下來(lái)，要承受很大的壓力。節(jié)省人力成本就成了鄭州網(wǎng)站建設(shè)公司開源節(jié)流很重要一環(huán)。因此，在項(xiàng)目的運(yùn)作上面，能不浪費(fèi)工時(shí)就盡量不走彎路。在鄭州網(wǎng)站建設(shè)的時(shí)候，先設(shè)計(jì)網(wǎng)站首頁(yè)效果圖給客戶確認(rèn)風(fēng)格，客戶通過之后，按照既定的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格走下去，就避免了客戶多次要求修改或換風(fēng)

• 鄭州網(wǎng)絡(luò)推廣中做好這幾點(diǎn)，企業(yè)的發(fā)展才會(huì)較有利

  多人曾經(jīng)問過同樣的一個(gè)問題，就是想讓網(wǎng)絡(luò)從無(wú)到有，需要些做什么。事實(shí)上，這個(gè)問題沒有標(biāo)準(zhǔn)的答案，畢竟各個(gè)企業(yè)間的鄭州網(wǎng)絡(luò)推廣方案不盡相同。但其中以不變應(yīng)萬(wàn)變的就是鄭州網(wǎng)絡(luò)推廣要有針對(duì)性的策略，今天我就跟大家分享下，希望能夠?yàn)槠髽I(yè)鄭州網(wǎng)絡(luò)推廣提供有效的幫助。一、企業(yè)品牌戰(zhàn)略在鄭州網(wǎng)絡(luò)推廣中企業(yè)首先要做的就是要先確定自己的品牌，然后才能利用互聯(lián)網(wǎng)的力量*樹立自己的品牌形象，并提升企業(yè)的整體形象。在這

• 鄭州網(wǎng)絡(luò)推廣能夠給企業(yè)帶來(lái)什么好處

  河南賽憬科技有限公司是一家成熟的互聯(lián)網(wǎng)公司，專業(yè)從事鄭州網(wǎng)絡(luò)推廣、鄭州網(wǎng)站優(yōu)化，鄭州網(wǎng)絡(luò)營(yíng)銷，鄭州*推廣，鄭州網(wǎng)站建設(shè)（企業(yè)網(wǎng)站、行業(yè)網(wǎng)站、網(wǎng)上商城、手機(jī)網(wǎng)站、**門戶）、一站式全網(wǎng)營(yíng)銷解決方案及服務(wù)。企業(yè)網(wǎng)站優(yōu)化推廣-對(duì)企業(yè)有什么好處相對(duì)于一般的網(wǎng)絡(luò)推廣人員，只要有點(diǎn)基礎(chǔ)的優(yōu)化人員都會(huì)熟練的知道幾個(gè)企業(yè)網(wǎng)站優(yōu)化的方法和技巧，對(duì)于網(wǎng)站的優(yōu)化方法和技巧都能熟練。網(wǎng)站優(yōu)化的基礎(chǔ)無(wú)非是做好站內(nèi)的H標(biāo)簽

• 鄭州網(wǎng)站建設(shè)如何**企業(yè)形象

  鄭州網(wǎng)站建設(shè)的目的是為了推廣相關(guān)企業(yè)或產(chǎn)品，使用戶印象深刻，從而提高轉(zhuǎn)化率。從這方面來(lái)說，網(wǎng)站建設(shè)**企業(yè)形象是非常重要的。網(wǎng)站就好像人的外表一樣，代表了一個(gè)企業(yè)的形象，企業(yè)形象足夠好就能夠轉(zhuǎn)化成品牌**，從而獲得更多的用戶流量。那么，鄭州網(wǎng)站建設(shè)應(yīng)該如何**企業(yè)形象呢？一、網(wǎng)站logo我們看到紅色的“M”就會(huì)想到麥當(dāng)勞，看到企鵝圖標(biāo)就會(huì)想到QQ，一個(gè)logo對(duì)于增強(qiáng)企業(yè)的認(rèn)知度起到了非常重要的作