PNG圖片格式特點及在IE中的怪異表現

2021-01-14 站長之家

PNG圖片格式特點:

Png這種圖片格式包括了許多子類,但是在實踐中大致可以分為256色的png和全色的png,你完成可以用256色的png代替gif,用全色的png代替jpeg,Png是完全支持alpha透明的(透明,半透明,不透明),儘管有兩個怪異的現象(在ie6下)。

png是一種無損耗的圖像格式,這也意味著你可以對png圖片做任何操作也不會使 得圖像質量產生損耗。這也使得png可以作為jpeg編輯的過渡格式。

PNG在ie中的怪異表現:

IE6以下的瀏覽器支持PNG8的索引透明,但圖片必須為全透明,半透明的png8在瀏覽器下顯示為全透明。

Alpha透明的全色PNG(png32)在ie6中會出現背景顏色(通常是灰色)。

由上面可以總結:

(a)全透明的png8可以在任一瀏覽器正常顯示(就像gif一樣)。半透明的png8在除了ie6及其以下的瀏覽器下錯誤的顯示成全透明,其它瀏覽器都能正常顯示半透明。這個bug並不需要特殊對待,因為在不支持半透明的瀏覽器下只是顯示為全透明,對用戶體驗影響不大,它反而是透明gif的加強版。

(b)第二個bug沒有什麼好的方法解決,只能通過(AlphaImageLoader濾鏡和htc)方法來處理。

更多關於PNG:

PNG8

256色PNG的別名,無損格式,體積最小,但最多只支持256色

PNG24

全色PNG的別名,除了png8的特點,理論上可以存儲2的24次方種顏色,但ie6之前的版本對此格式兼容有問題

PNG32

全色PNG的別名,除了以上的特點外,體積稍大

相比GIF

PNG 8除了不支持動畫外,PNG8有GIF所有的特點,但是比GIF更加具有優勢的是它支持alpha透明和更優的壓縮。所以,大多數情況下,你都應該用PNG8不是GIF(除了非常小的圖片GIF會有更好的壓縮外)。

相比JPEG

JPEG比全色PNG具有更加好的壓縮,因此也使得JPEG適合照片,但是編輯JPEG過程中容易造成質量的損失,所以全色PNG適合作為編輯JPEG的過渡格式。

到底是png24 Alpha透明還是png32 Alpha透明?

這個可能跟每個人使用切圖軟體有關。

1、Photoshop

1)只能導出布爾透明(全透明或者全不透明)的PNG8。

2)能導出alpha透明(全透明,全不透明,半透明)的PNG24。

3)不能導出PNG32。

2、Fireworks

1)既能導出布爾透明的PNG8,也能導出alpha透明的PNG8,半透明的png8在除了ie6及其以下的瀏覽器下錯誤的顯示成全透明。

2)能導出PNG24,但是和jpeg差不多,不能透明。

3)能導出alpha透明的PNG32。

應該說PNG24和PNG32是一樣,(The difference between PNG24 and PNG32)一文中指出PNG32中每個像素不僅存儲了24位真彩信息還存儲了8位alpha通道。所以fw導出PNG32不用選擇透明,而ps導出 PNG24時是要勾選透明度的,這時候的PNG24應該就轉化成了PNG32了吧。

PNG8與PNG24的區別:

PNG-8和PNG-24,其最大的區別不是顏色位的區別,而是存儲方式不同;

PNG-8 色盤索引、調色板中一位透明值、不支持阿爾法通道的半透明,存儲格式中每個像素無透明度的數據塊定義;PNG-8是用8位索引值來在調色盤中索引一個顏色,因為一個索引值的最大上限為2的8次方既128,故調色盤中顏色數最多為128種,所以該文件格式又被叫做PNG-8128仿色。

PNG-24 無調色板、支持阿爾法通道的半透明、每個點陣都有透明度的定義,最低32位真彩色;是PNG-24是用24位來保存一個像素值,是真彩色。

PNG-8 和 gif 有一些相似之處,模式都是索引顏色,只支持像素級的純透明,不支持 alpha 透明。我們通常說的「IE6 不支持 PNG 透明」,是指不支持 PNG-24 的透明(將透明區域顯示為灰色)。

淘寶UED:圖片格式與設計那點事兒

文/尹延超

相關焦點

  • 常用的png與jpg圖片格式有什麼區別?
    png和jpg都是常用的圖片格式,其中png屬於無損壓縮,jpg是有損壓縮,使用中兩者最明顯的一個區別是png支持透明通道,jpg的圖片更適合在網絡中傳播和使用。於是算法學家發明了各種先進算法,來制定新的圖片格式,比如我們常用的有jpg、png、gif動圖等等。
  • png轉pdf怎麼實現?png格式的圖片可以轉換成pdf嗎?
    png轉pdf怎麼實現?畢業以後,舍友小麗在一家設計公司當美工,平時需要完成各種ps、排版任務。為了保證圖片清晰度不下降,很多時候她會以png格式來保存作圖文件。前不久,小麗公司要收集、匯總職員的設計作品,要求他們以pdf文件形式,把作品發到公司郵箱。
  • PNG圖片怎麼轉JPG格式?批量轉換非常輕鬆!
    在我們日常娛樂和日常工作中,我們經常會拍攝照片,保存圖片之類的。JPG 和PNG格式是我們最常用到的圖片格式,有時候我們會需要將PNG格式的圖片轉換成JPG格式,如果是一張一張的轉換那也太浪費時間了,今天小編教大家幾招,如何批量將PNG轉JPG!
  • 你知道如何將AVS格式的圖片轉換成PNG格式嗎
    圖片格式千千萬,而它們也具備著不同的功能,所以,日常生活中我們需要用到不同的圖片格式。但比較不通用的圖片格式因為特殊,在打開上就可能是一道難越的問題。這不,昨天晚上室友就被AVS圖片格式轉PNG格式難住了。那麼遇到這個問題我們應該怎麼做呢?
  • 圖片處理教程系列一:png格式圖片批量轉jpg等多種格式
    對於職場新人來說,一些重複性的工作往往會落在自己的頭上,比如錄音轉文字,又比如要把大量的圖片格式進行轉換。作為新一代的職場新人,早已不是以前的「受氣包」了,相信大家都會非常聰明地選擇應用軟體,輕鬆完成各項工作了。
  • png圖片怎樣轉換成jpg格式?利用什麼工具能實現
    圖片格式有很多種,據小編知道的就有jpg, png, gif, jpeg, bmp, webp, pcx, tiff, tga, exif, svg, psd......那麼多。那麼在這麼多的格式中,你一定遇到過需要將格式轉成其他格式的情況吧!
  • 圖片格式轉換電腦png怎麼轉換成jpg
    大家接觸最多的圖片格式都有啥?JPEG,JPG,BMP,GIF,PSD,PNG......等等這些都是我們工作中有時會用到的圖片格式,那麼在使用的時候總會遇到需要轉換格式的時候。比如說在網站上上傳圖片時,顯示格式不支持,就很迫切的需要調整圖片格式了。
  • png轉成jpg格式如何轉換?
    說到圖片格式,不曉得小夥伴們接觸最多的是哪幾種格式?在那麼多種圖片格式中,png格式雖然清晰度接近於原畫,畫質清晰,但缺點也還是有的,比如說佔用的儲存空間太大,還有就是某些網站並不支持png格式的圖片,所以許多人經常會將png轉換JPG格式,那麼png怎麼轉換成jpg格式的呢?
  • pdf轉png怎麼操作?pdf文件可以轉換成png格式嗎?
    別看咱們日常生活中經常都需要與電腦打交道,事實上,一個電腦系統還是很複雜的,且不說別的,光是文件的格式,就已經足以讓很多人暈頭轉向了!很多人知道電腦文件格式多種多樣,但是很多人可能不知道,其實電腦中的文件格式之間是可以轉換的,今天小編想為大家介紹的,便是pdf轉png,下面一起來看看pdf轉png怎麼操作吧!要想將pdf格式的文件轉換成png圖片,首先,我們得下載一款軟體,這裡為大家推薦迅捷PDF轉換器,有興趣了解的朋友先將軟體下載下來,之後就可以跟著小編一起來操作了!
  • PNG和WEBP,更應推崇哪種圖片格式
    WebP 是 2010 年 Google 開發的一種圖片格式,它為網頁上的圖片提供了卓越的無損和有損壓縮。網站開發者們可以使用 WebP 來創建尺寸更小、細節更豐富的圖片,以此來提高網站的速度。更快的加載速度對於網站的用戶體驗和網站的營銷效果是至關重要的。
  • 圖片格式這麼多,哪種更適合你?
    日常生活工作中,經常會使用到截圖、保存圖片或是表情包的功能,對於jpg、png、gif等常見格式,想必你一定有所了解,可是常見的圖片格式優劣,你真的清楚嗎?跟著小澤,一起漲知識。圖片分為兩種類型,位圖(點陣圖)和矢量圖。
  • 《黑莓png格式透明背景》神醫-協助拍攝
    黑莓中富含原花青素、SOD、硒、鞣花酸和類黃酮等高效抗氧化活性物質,,還有十八種胺基酸和六種礦質元素,在水果中遙遙領先,其中所含有的營養成分高達四十幾種,與同宗的藍莓相比,其中的原花青素、SOD、胺基酸、以及各種礦質元素維生素等都比藍莓高出幾十倍,是名副其實的黑鑽石。
  • 怎樣在線將png圖片轉換為gif動圖?
    png格式是日常生活中經常使用的一種圖片格式,那麼有什麼方法能夠將多張png圖片合成一張gif動圖呢?用戶在工作和生活中中經常會用到動圖,用於表達傳遞內容,比如公眾號文章,表情包等等。下面給大家分享一下gif動圖在線製作的操作方法,大家可以按照以下的操作步驟,將png格式的圖片合成為gif動圖,一起來看一下具體的操作步驟。點擊添加圖片按鈕,選擇準備合成的png格式的圖片,還支持上傳jpg和gif格式的圖片。
  • 常見圖片格式的區別,你都了解嗎
    日常生活工作中常見的圖片格式主要有jpg、png、gif、psd、tif、bmp等格式,以下分別進行「JEPG」格式JEPG格式,也叫做JPG或JPE格式,是最常用的一種文件格式,Photoshop「存儲為」命令中默認的圖片格式就是JPEG。
  • png圖片轉svg,使用InkScape一分鐘輕鬆學會
    很多時候,我門需要用到svg格式圖片,而你的手裡卻只有png圖片,那麼怎麼快速轉換呢,今天教大家一個方法,使用InkScape即可快速完成轉換。什麼是png格式?就是一種體積小,背景可以透明的圖片格式。什麼是svg格式?是喲中矢量圖形格式,基於XML,一般軟體打不開。如何轉換?
  • PNG圖片格式在線轉成JPG格式,免費轉換!
    大家在平時工作中,肯定會接觸到各種不同格式的圖片,那麼在處理過程中,一定會遇到格式需要轉換的情況!哪種格式佔得優勢比較大,使用比較方便,我們無法進行直接對比,各有各的優勢;比如說PNG,這是一種比較常見的視頻格式,雖然其畫質清晰,但是體積卻很大,不如JPG格式的圖片來的方便,所以很多人會選擇將PNG格式的圖片轉換成JPG格式得,那麼如何進行轉換呢?我們用哪種方式進行轉換會比較方便?
  • 常見的各種圖片格式都有什麼區別?
    每天翻開手機就能看到各種圖片,同時,各種各樣的圖片格式也引起了人們的注意,諸如jpg,png。那麼這些常見的圖片格式都有怎樣的應用,以及互相之間都有什麼區別?本文將從淺顯直白的角度給大家分析一下這個問題。
  • 如何使用Mac預覽程序將png轉換為jpg格式的技巧分享
    因此,您可能會遇到需要知道如何將png更改為JPG的情況。本文將帶您了解如何在mac預覽上將png轉換為jpg,一起來看看吧。如何使用Mac Preview將png轉換為jpg使用macOS應用程式,預覽可能是在Mac上將png轉換為jpg的最簡單,最直接的方法。
  • 怎麼將圖片批量轉換成PNG格式?
    怎麼將圖片批量轉換成PNG格式?當我們下載了一款PDF轉換器,以為從此無論遇到PDF要轉換成哪種格式,都可以輕鬆搞定的時候,但結果往往不如人意。遇到這種打擊就輕言放棄,顯然不是小編的作風,因為小編下載的是「迅捷PDF轉換器,」打開迅捷PDF轉換器,找到圖片格式轉換,點擊一下在頁面左側就會出現圖片格式轉換包含的具體功能,選中其中的「圖片轉PNG。」
  • 「零基礎學ps」第3課:新建 存儲文檔和圖片格式
    瀏覽器版本過低,暫不支持視頻播放大家好我是瀾瀾,這節課我們學習一下如何新建文檔以及把文檔保存成不同的圖片格式,還有文件的尺寸,大小的調整。點擊菜單欄的文件,在下拉框中找到存儲為。在存儲的窗口,左側有滾動條可以選擇存在哪個。下面有一個文件命名的設置,很簡單,一看就會。再往下就是保存類型,點開之後如下圖:可以看到很多類型,但是我們常用的就是三個,psd和jpg和png。