Cssing »Arhiva - canale alfa in png-8

Puțini oameni știu, dar ele nu există.

Problema translucide imagini moare lent cu IE5-6, dar, cu toate acestea, vor fi relevante pentru site-uri populare doar câțiva ani. În plus, cu atât mai mult devine clar de ce transparența procentuală pentru PNG-8 este importantă și fără IE.

Ceea ce diferă, acestea PNG?

PNG-24. sunt disponibile toate culorile posibile sunt disponibile, orice grad de transparență. PNG-8 normale. 256 de culori disponibile, transparență numai la nivelul de 0 sau 100%. Transparenta 50%, de exemplu, nu este posibil.

PNG-8 cu canale alfa. 256 de culori disponibile. Fiecare dintre aceste 256 de culori are un indice de transparență 0 - 100%. Posibila transparență de 42%.

S-ar părea, „Deci, ce? Oricum canalele alfa în IE nu va funcționa, utilizarea?“.

Adică: toți pixelii cu o transparență 0-99%, va fi afișat ca un IE complet transparent.

Cum de a salva PNG-8 cu canale alfa?

Este ciudat și nebun, dar fă-o în Photoshop nu se poate. (Probabil că în CS4 ...?)

Dar o astfel de imagine poate fi salvată în focuri de artificii. Acolo este foarte simplu, atunci când exportați, selectați o opțiune:

Este greu pentru a face o greșeală, trebuie să alegeți formatul PNG-8 și tipul de transparență «Alpha transparență». De asemenea, vom vedea că toate culorile din paleta sunt transparente cu excepția uneia (cea mai din dreapta)

De ce acest lucru nu este în Photoshop, un mister.

Există, de asemenea, instrumente. conversia PNG-24 în PNG-8. Desigur, calitatea suferă, dar de multe ori poate trăi cu ea.

exemplu viu

De exemplu, am păstrat aceeași imagine în trei formate: PNG-24, PNG-8 normal și PNG-8 cu canale alfa (de la focuri de artificii). Toate trei pus pe un fundal cu model. Iată ce sa întâmplat:

PNG imagini în Firefox

Nimic prea interesant, cu excepția dimensiunea imaginilor. Să acorde o atenție la greutatea de PNG-24 și PNG-8 fișiere, cu maparea aproape identice.

imagini PNG în IE. văzut în mod clar „monstruozitate gri-alb“ menționat mai devreme

Voila! Ceea ce se numește «degradare grațioasă»!
A se vedea ei înșiși. Dacă nu crezi. ;)
Pentru fundal recunoscător.

Este puțin probabil ca această cunoaștere va ajuta să cunoașteți fata ta de vis, sau în cele din urmă începe să facă exerciții în dimineața. Cu toate acestea, unele beneficii este încă acolo.
În primul rând, se economisește lățime de bandă. În al doilea rând, în cele mai multe cazuri, se degradează perfect în IE. Adică, poate fi folosit pentru orice chestii non-critice ukrashatelskih. În IE, normală PNG-8 va fi afișat (a la GIF), cât și pentru toate celelalte frumusete translucide.

Desigur, în unele cazuri, imaginea va apărea pentru a fi scobite în IE (muchii ascuțite), dar nimeni nu spune că modul de a vindeca.

Mai multe despre acest subiect

Aceasta tehnica, de altfel, în unele cazuri, ar putea fi un pic mai ușor acest lucru un truc super-versatil Vitali. Alte note pe această temă:

Sunt sigur că cineva a folosit-o deja. Această cunoaștere nu este nouă, dar un motiv puțin cunoscute. De aceea, aș fi bucuros dacă ați împărtășit experiențele lor pe această temă.

Da, vă mulțumesc, cu post sunt două link-uri către aceleași articole vechi, dar puțini oameni știu despre ea oricum =) Am pus în discuție colegii, un subiect puțin cunoscut și insuficient utilizat.
Și aceasta a adăugat la post. =)
P.S. Eu, de altfel, despre acest lucru nu știu (cel puțin nu este utilizat), deși văzut aceste imagini despre bec o dată ...

Sam, că întreaga іnternet vzhe stie. Sogodnі în Akєli titlu - Kapіtan Ochєvіdnost;)

Yurko, drepturi nu Akella sunt de fapt. Eu, de asemenea, la acest amintit de mai multe ori. Am fost recunoscători de fiecare dată.

Probabil, voi aminti încă o dată referindu-se la articolul.

Wow, pentru mine este o veste mare! Nu am știut, datorită Jura!
Doar am decis să renunțe la sprijinul IE pentru proiectele lor și cred că nu poate fi critic pentru IE, interfața cu utilizatorul a site-ului.

Familiar lucru!
Un avantaj imens, care nu are nevoie de filtre și tot felul de JS, imagine normală. La etapa de lent (dar constant) declin IE6 - este un vesh mare!

Pentru a converti un translucid PNG-24 în PNG-8 OptiPNG utilizare utilitate.

Oh, mulțumesc pentru link-ul! Am venit în minte un citat de acolo:

În orice caz, vă mulțumesc, pentru sigur că cineva va veni la îndemână și vă ajută să înțelegeți mai bine!

De ce acest lucru nu este în Photoshop? Deoarece crearea de machete pentru Web - Photoshop pentru probleme minore. Sarcina sa principală - editare foto, corecție de culoare, pregătirea pentru imprimare, etc, etc, etc ... Ultimele două versiuni, deși sa oprit în png-24 cu sau fără motiv alfa canal cling%)

Dar a fost inițial dezvoltat Focuri de artificii ca un instrument web designer, deoarece este capabil să mai mult. Atât de mult mai mult ca Edob a decis să nu dezvolte un hack numit ImageReady și Fireworks de sprijin. Spre deosebire de FreeHand, de exemplu.

Va exista suport pentru CS4? Dacă nu uitați, mă voi uita luni.

@ Michael, explicația mi se pare bun, dar toate la fel, după toate - a fost atât de ușor =) trebuie doar să adăugați un control suplimentar la exportul către PNG ... Dar cu siguranță nu cunosc toate capcanele acestei caracteristici :(
Pentru o privire în CS4 ar fi foarte recunoscător!

[...] canale Alpha în PNG-8 - canalul alfa problematic, și PNG transparență podea [...]

Este interesant, dar, în general, clienții nu vor să facă un compromis atunci când vine vorba de krossbrazernosti. Ce funcționează în oameni, ea trebuie să lucreze în IE. Unu la unu.

În CS4 nu există nici un sprijin.

Sunt de acord, cu toate acestea, am fost de lucru cu un portal american, unde a fost făcută una dintre practicile de dezvoltare standard. Până la faptul că proiectantul prin machetelor îngrijit cu privire la aplicabilitatea acestei tehnici. Dar ei cu siguranță, toate un pic diferit, iar procentul de utilizatori de IE altul.

Maxim Pokrovsky, și pe bună dreptate.

așa cum este în CS4 nu acceptă? niznayu în versiunile mai vechi, l-am folosit mai ales doar cu CS3, există o astfel de sprijin!
Acasă Alegeți o paletă selectivă și au Daw corespunzătoare

zabavnenko. deși, văzând „monstruozitatea gri-alb“, utilizatorul ar trebui mult să se gândească la un browser de actualizare ..

Eu de obicei, yuzayu IePngFix. Deși ultima dată când încerc să fac fără imaginea translucide.

prea inteligent de jumătate excursie cu Hi Tech

De ce imaginile png8 c transluciditatea nu funcționează AlphaImageLoader filtru sau alte script-uri pentru a otobrazhenieya translucidității png în IE6?