Mal i produksjonsprosessen, må vi møte bilder relatert til å håndtere. Følgende er informasjonen fra Internett ":
PNG: Portable Network Graphics
PNG-bilder i alle fargedybden oppbevare ett raster image. PNG er en plattformuavhengig format.
Fordeler: PNG støtter avanserte lossless komprimering. PNG støtter alfakanalen åpenhet. PNG støtter gamma korreksjon. PNG støtter interlacing. PNG av de nyeste nettleseren støtte.
Ulemper: eldre nettlesere og programmer støtter kanskje ikke PNG-filer. Som en Internett-filformat, med lossy komprimering i forhold til JPEG-tallet, gir PNG mindre komprimering. Som en Internett-filformat, PNG bildefiler eller animasjoner for multi-fil gir ikke noen støtte. GIF-formatet støtter flere bildefiler og animasjon filer.
JPEG: Joint Photographic Experts Group
JPEG-bilder lagre en enkelt 24-bits farger raster image. JPEG er et plattformuavhengig format som støtter de høyeste nivåene av komprimering, men dette kompresjon er lossy. Inkrementell JPEG-filer støtte interlacing. Kan heve eller senke nivået av JPEG-fil komprimering. Men filstørrelsen er på bekostning av bildekvaliteten. Komprimering kan være så høyt som 100:1. (JPEG-format kan 10:01-20:01 ratio, lett komprimert fil, og bildekvaliteten vil ikke avta.) JPEG-komprimering fungerer godt med fotorealistiske. Men mindre farge, kontrast nivået på en sterk, solid grenser, eller store solid områder av enklere arbeider, komprimering kan JPEG ikke gir tilfredsstillende resultater. Noen ganger, komprimering er den så lav som 5,1 alvorlige tap av bildet integritet. Dette tapet oppstår fordi, JPEG komprimering til å komprimere en lignende farge, men JPEG komprimering kan ikke håndtere den sterke forskjeller i lysstyrke eller behandling solid områder av farge.
Fordeler: verk av fotografi eller realistisk støtte avansert komprimering. Variabel komprimering kan kontrollere filstørrelse. Interlacing (for Progressive JPEG-filer). JPEG bred støtte for Internett-standard.
Ulemper: lossy kompresjon vil gjøre det opprinnelige bildet dataene. Når du redigerer, og lagre JPEG-filer, JPEG-bilde data vil være kvaliteten på den opprinnelige blandingen ned. Denne reduksjonen er kumulativ. JPEG gjelder ikke inneholde noen få farger, med store områder av samme farge eller lysstyrke forskjellen er veldig klar enkle bilder.
GIF, JPEG og PNG er de tre vanligste bildeformatet.
- GIF: 1987 ble født, som vanligvis brukes i web-animasjon, bruker komprimering uten tap, støtter 256 farger (vanligvis kalt 8 bits farger), for å støtte en enkelt transparent farge;
- JPEG: 1992年født, bilder generelt bruker dette formatet, lossy komprimering, 24 biters sann farge (224 = 17 millioner farger), ikke støtter animasjon, støtter ikke transparente farger;
- PNG: 1996 var tappet, komprimering uten tap, det vanligste formatet er bruk på 256 indekserte farger (PNG-8) og 24 bit sann farge (PNG-24) (selvfølgelig, farge PNG-format er støtte for mye mer enn dette), støtte full alfakanalen ( 256 Justerbar gjennomsiktig farge), ikke støtter animasjon.
Jeg faktisk brukte prosessen for det store bildet er generelt behandlet som en JPG, trenger ikke en gjennomsiktig bakgrunn for en enkel logo, 还有 modulen til H3 er også tittelen på bakgrunnen er vanligvis behandlet i PNG8, dersom bakgrunnen er behovet for åpenhet bildebehandling inn PNG24, men dette bildet viser at det vil bli problemer under IE6, var bakgrunnen grå.
Tilnærming er å bruke CSS filtre,
* Html div # XXX (
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader (src = '/ templates / xxx / xxx.png', sizingMethod = 'bilde');
background-image: none;
)
Dette kan effektivt unngå IE6 PNG displayet i den grå bakgrunnen.
Recent Comments