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

時間：2020-01-05

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

詞條
詞條說明
企業(yè)網(wǎng)站怎么做鄭州SEO優(yōu)化
賽憬科技只專注于做一件事——潛心研發(fā)全網(wǎng)營銷解決方案，我們只做有用處、有效果、有盈利的網(wǎng)站！公司凝聚著一批經(jīng)驗豐富、專業(yè)的互聯(lián)網(wǎng)精英和技術團隊，通過不斷創(chuàng)新和專業(yè)的服務，得到了各行業(yè)客戶的一致肯定和**，并已成功幫助多家企業(yè)創(chuàng)造網(wǎng)絡營銷**。公司目前主要開展鄭州網(wǎng)絡推廣、鄭州SEO優(yōu)化，鄭州網(wǎng)絡營銷，鄭州18年推廣公司推廣，鄭州網(wǎng)站建設（企業(yè)網(wǎng)站、行業(yè)網(wǎng)站、網(wǎng)上商城、手機網(wǎng)站、**門戶）、一站式全網(wǎng)營銷解決
鄭州網(wǎng)絡推廣公司分享：網(wǎng)絡推廣5大技巧
鄭州網(wǎng)絡推廣公司網(wǎng)絡推廣技巧說到網(wǎng)絡聯(lián)盟的推廣，大多數(shù)人首先會想到的是燒錢和無效，包括長期競標的朋友。他們只是聽周圍的人說，他們不應該成為在線聯(lián)盟。太燒錢了，效率也不高。即使他們**打開過它，他們默認接受這種理解。武龍杰覺得有點道理。如果你不了解網(wǎng)絡聯(lián)盟，燒錢是很正常的，因為網(wǎng)絡聯(lián)盟的流量太大，比競價促銷還要激烈。即使你懂一點，也不可避免地要燒錢，所以很多人認為網(wǎng)際聯(lián)盟是沒有意義的，這導致了網(wǎng)絡聯(lián)
許昌關鍵詞優(yōu)化-找賽憬科技公司
許昌關鍵詞優(yōu)化Seo優(yōu)化中做好網(wǎng)站排名優(yōu)化的要素分享互聯(lián)網(wǎng)發(fā)展的越來越成熟，很多企業(yè)也都有了屬于自己的網(wǎng)站，但是在這個激烈競爭的時代，企業(yè)只是建設好一個網(wǎng)站是遠遠不夠的，更多的是要提高網(wǎng)站的排名優(yōu)化，為網(wǎng)站吸引更多的客流，對于沒有經(jīng)驗的企業(yè)來說，在做網(wǎng)站排名優(yōu)化時不知道應該從何入手，下面小編就來給大家分享一些小技巧。網(wǎng)站排名優(yōu)化一、網(wǎng)站內(nèi)容的優(yōu)化在網(wǎng)站優(yōu)化中，較重要的網(wǎng)站內(nèi)容，網(wǎng)站的內(nèi)容幾乎占了
做許昌網(wǎng)站建設-許昌網(wǎng)站建設方案-許昌網(wǎng)站建設哪家好「賽憬科技」
做許昌網(wǎng)站建設-許昌網(wǎng)站建設方案-許昌網(wǎng)站建設哪家好「賽憬科技」許昌網(wǎng)站建設?許昌網(wǎng)站建設費用許昌網(wǎng)站建設哪家專業(yè)這篇文章教你選到一個靠譜的建站公司！一個建站公司是否專業(yè)，關系到建成的網(wǎng)站質量高低，也只有高質量的網(wǎng)站才能吸引更多的用戶前來瀏覽，那么我們在進行網(wǎng)站建設時，怎么才能選擇到一家有實力的建站公司呢？別著急，賽憬科技這就為大家一一道來！這篇文章教你選到一個靠譜的建站公司！1、要看