Arhiva PNG. Cum se creează un PNG cu transparență în Adobe Photoshop (versiunea CC și mai mare)

05.06.16 27.2K.

Uneori trebuie să încărcați o imagine care conține elemente transparente prin care se va pătrunde fundalul original. În aceste cazuri, ar fi convenabil să descărcați imagini PNG, deoarece sunt capabile să mențină transparența.

În acest articol vom spune cum se face transparența în Photoshop.

Crearea unui fișier.

Primul pas este de a crea un fișier. Pentru această descoperire Adobe Photoshop. și în meniul "Fișier" ( Fişier) Pagina de sus Selectați "Creați" ( Nou).

Apoi, în fereastra care apare " Un nou document » ( Un nou document) Creați un fișier de dimensiune dorită și asigurați-vă că permisiunea documentului este de 72 pixeli pe inch ( deoarece fișierul este destinat utilizării pe web). Și, de asemenea, că ați ales valoarea "transparentă" ( Transparent) în lista derulantă "Conținut Content" ( Conținutul de fundal.).

* Înainte de a face PNG cu transparență în Photoshop, trebuie să clarificați că, în acest exemplu, creăm o imagine pentru a descărca ca fundal pentru site, astfel încât dimensiunea documentului este dată după cum urmează: lățime 3000 pixeli, înălțimea de 1730 pixeli , care este recomandat pentru dimensiunile pentru descărcări HD Imagini:

După ce ați specificat valorile parametrilor, faceți clic pe "OK" pentru a deschide un document nou.

Apoi, în panoul "straturile" ( Straturi.) Asigurați-vă că lucrați la un strat transparent și nu pe fundal:

După ce ați terminat crearea și gata să salvați o imagine transparentă, în funcție de versiunea utilizată a Photoshop, în meniul Fișier ( Fişier) Puteți utiliza una dintre opțiunile posibile:

Photoshop versiunea anterior decât CC 2015:

Acum vom spune cum se face imagini de transparență în Photoshopcare a ieșit înainte de CC 2015. Aceste versiuni utilizează metoda "Salvare for Web" ( Salvați pentru web și dispozitive) pentru a salva și a optimiza Image PNG. Pentru utilizarea pe web. Pentru a profita de această metodă, du-te doar la meniul "Fișier" ( Fişier) și mai departe - "Salvați for Web" ( Salvați pentru web și dispozitive):

Apoi, în fereastra care apare, selectați PNG-24 din meniul derulant al valorilor posibile și apoi asigurați-vă că opțiunile de transparență sunt selectate ( Transparenţă) și " Conversia la SRGB.» ( Conversia la SRGB.). Aceasta confirmă faptul că imaginea va conține fundal transparent si el modul color Acesta va fi convertit în SRGB, spațiu de culoare recomandat pentru web.
Câmpuri " Marimea imaginii» ( Marimea imaginii.) Umplut automat cu valorile pe care le-ați specificat când ați creat fișierul. Dar dacă doriți să schimbați dimensiunea fișierului înainte de a salva, o puteți face acum.

Photoshop Versiunea CC 2015:

Inainte de, cum se face fotografia transparenței în Photoshop, trebuie să știți că din opțiunea Version CC 2015 "Salvare for Web" ( Salvați pentru web și dispozitive) În meniul "Fișier" ( Fişier) marcate ca moștenirea (depășită). Și înlocuit cu noua opțiune de export ( Export), care oferă funcționalitate identică cu o economie mai rapidă într-un fișier mai mic și în cea mai buna calitate. Pentru a utiliza opțiunea de export, faceți clic pe meniul Fișier ( Fişier), și apoi - " Export.» ( Export.).

Notă: Adobe oferă în continuare opțiunea "Salvare for Web" ( Salvați pentru web și dispozitive) În Photoshop CC 2015 și este disponibil prin meniul Fișier\u003e Export ( Fișier\u003e Export.) sau când utilizați comanda + opțiunea + Shift + S combinație de taste (pentru Mac) sau Ctrl + Alt + Shift + S (pentru PC):

Apoi, în fereastra care apare, selectați PNG din meniul derulant "Format" ( Format.) Și asigurați-vă că opțiunile "Transparență" sunt selectate ( Transparenţă) și " Conversia la SRGB.» ( Conversia la SRGB.).

Câmpuri " Marimea imaginii» ( Marimea imaginii.) și "dimensiunea pânzei" ( DIMENSIUNEA PÂNZEI) Trebuie să completați automat valorile pe care le-ați specificat când ați creat fișierul. Dar dacă doriți, puteți schimba aceste parametri înainte cum de a face efectul transparenței în Photoshop.

Fișierul PNG Format se deschide cu programe speciale. A deschide acest format, Descărcați unul dintre programele propuse.

Cum să deschideți un fișier în format PNG

Extensia PNG este un format de fișier utilizat pentru a stoca imagini fără pierderi de calitate. Acesta este cel mai popular format de fotografii de pe Internet special conceput pentru a fi utilizat în rețea.

Ce este în fișierele PNG

Fișierul cu extensia de fișier PNG este un fișier Grafică de rețea portabilă.. Formatul utilizează compresia fără pierderi și este de obicei considerată o alternativă la GIF. Dar, spre deosebire, o animație nu este acceptată în fișiere PNG.

Formatul PNG are ambele fotografii în nuanțe de gri și straturi transparente, sunt acceptate. Compresia PNG este de obicei mai bună decât cea utilizată în GIF. JPG are uneori mai multe avantaje față de PNG, dar după o astfel de compresie, pot apărea defecte în imagini cu text sau în jurul regiunilor cu contrast ridicat.

Cum să deschideți un fișier PNG

Pentru a deschide fișiere PNG, puteți utiliza orice browser de internet sau editor grafic. Platforma Windows OS și Mac OS au mecanisme încorporate pentru a vizualiza astfel de imagini. PNG program - vedere fotografii Ferestre Implicit este adesea folosit pentru a deschide fișiere PNG, deoarece este un sistem sistemic programul Windows.. Dar există multe alte modalități de a le vedea.

Toate browserele (de exemplu, Chrome, Firefox, Internet Explorer. etc.) va vizualiza automat fișierele PNG pe care le deschideți pe Internet, ceea ce înseamnă că nu este necesar să descărcați la computer Fiecare fișier PNG pe care doriți să îl vedeți. De asemenea, puteți utiliza browserul pentru a deschide fișierele deja disponibile pe computerul PNG utilizând o combinație. chei ctrl. + O. Cele mai multe dintre aceste programe, de asemenea, suportă Drag-and-Drop, astfel încât să puteți trage pur și simplu fișierul PNG în browser pentru ao deschide.

Conversie png.

Fișierele imagine pot fi convertite căi diferite, de exemplu, convertiți la PNG și de la acesta folosind diferite programe și servicii on-line. De exemplu, vă permite să faceți un editor PNG - un convertor foto.

Fișierul imagine care este stocat în format Portable Network Graphic (PNG). Conține o matrice de culori și utilizează compresia fără pierderi, aproape de fișier, dar fără restricții în copiere. De obicei, folosit pentru a stoca grafica imaginii web.

Formatul PNG (citirea APG) a fost creat ca răspuns la restricțiile de format, în principal pentru a crește suportul culorilor și pentru a furniza formatul imaginii fără licență de brevet. În plus, în timp ce fișierele

După cum știți, o rezoluție populară a imaginii este format PNG, pentru a edita, pe calculator personal care există programe speciale Editori, dintre care unul, cu posibilitatea de a descărca, mai mult și de a spune. Notă, pentru cei care nu știu că acest format a venit să înlocuiască analogul popular de la GIF, dar într-o altă direcție a designerilor. Interesul față de publicitate-anunțată este acum o expansiune convenabilă și spațioasă a imaginilor, manifestată de mulți designeri și fotografi ai țării noastre, precum și de Occident, unde se apreciază și mai mult.

În total, pentru modificarea editorială a imaginilor format PNG din rețea a prezentat o varietate software gratuitpe care le puteți descărca cu obiectivul de utilizare gratuită fără restricții și trebuie să înregistrați înregistrarea. Ei bine, pentru a nu fi neîntemeiat, voi spune că cel mai bun program editorial pentru procesarea fotografiilor și imagini pur și simplu în format PNG disponibil pentru descărcare gratuită, Este un produs numit GIMP, care are multe avantaje și aproape un singur dezavantaj. Desigur, dacă comparați acest produs cu un Photoshop glorificat și legendar, puteți găsi Contra, dar puțin.

Descărcați programul de format PNG la computer

Omiteți tot felul de detalii, vreau să spun că programul pentru editarea ușoară a formatului PNG pe un computer personal, pe care îl puteți descărca chiar acum și vă poate ajuta să faceți față masei de sarcini, indiferent de recuperarea cerințelor prezentate de utilizatorul. O mică dificultate în lucrul cu o aplicație publicată de mine poate fi setarea extinsă a utilizatorului, care necesită un pic mai puțin echivalent de timp echivalent cu cel puțin câteva minute. Deși, în opinia mea, ca deja utilizator cu experiențăcare a lucrat în această cerere nu o lună, nimic nu este problema în produs setari personalizate nu.

Principalul lucru, așa cum am subliniat deja mai sus, nu vă deranjează nevoia de a căuta o alternativă la acest program pentru a edita format PNG și, la un moment dat, la costuri minime sunt pur și simplu libere și fără restricții pentru a descărca o distribuție pe un computer cu o instalare ulterioară și începerea utilizării.

Ei bine, cred că din toate cele de mai sus, puteți face o pereche de concluzii logice și puteți decide cu privire la descărcarea pe computer sau laptopul celui mai convenabil program editorial cu multe avantaje și defecte complet absente. Ei bine, mergeți direct la descărcarea propriei distribuție, veți ajuta la atracția atenției dvs. atenția asupra legăturilor de oglinzi de adresă situate chiar mai jos și garantarea vitezei maxime.

O zi buna!
Ați vrut vreodată să știți cum sunt aranjate fișierele PNG? Nu? Și îți voi spune oricum.
Formatul PNG (grafică de rețea portabilă) a fost inventată în 1995 pentru a deveni înlocuirea GIF, și deja în 1996, cu versiunea 1.0, a fost recomandată W3C, ca format de rețea cu drepturi depline. Până în prezent, PNG este una dintre principalele formate de grafică web.

Sub pisica veți găsi o descriere generală a structurii fișierului PNG, un anumit număr de scheme de modele, pregătire în editorul HEX și, desigur, o referință la specificație.

Structura generală

Structura PNG din forma generală este prezentată în figura următoare.

Adică, dosarul este alcătuit dintr-o semnătură și un număr de blocuri (canale, bucăți), fiecare dintre ele poartă câteva informații (datorită lui Ko!). Dar de ce semnătura nu poate fi considerată una dintre municipiuri? Să ne dăm seama mai detaliat.

Fișier de semnătură.

Semnătura fișierului PNG este întotdeauna aceeași, constă din 8 octeți și reprezintă (în înregistrările HEX)

Ce inseamna asta?

89 - Simbol non-ASCII. Împiedică recunoașterea PNG ca fișier text și invers.
50 4E 47 - PNG în înregistrarea ASCII.
0A - CRFF (Întoarcere la transport, linia de alimentare), traducere în stil DOS.
1A - oprește ieșirea fișierului în modul DOS (capăt de fișier), astfel încât să nu cadă o imagine multi-kift în formularul de text.
0A - LF, transfer de rând în stil Unix.

Bucăți.

Changs sunt blocuri de date din care este fișierul. Fiecare pârâu este format din 4 secțiuni.

Vom analiza aceste secțiuni în ordine.

Lungime

Ei bine, cu o lungime, totul pare a fi clar. Doar valoarea numerică a blocului de date.

Tip (nume)

Tipul este puțin mai interesant. Tipul este de 4 simbol ASCII delicativ. Registrele de caractere (a cincea bit într-o înregistrare numerică) În numele chankei sunt, din păcate, acestea sunt steaguri care informează decodorul câteva informații suplimentare.

Primul registru de simbol determină dacă această CANKA este critic (registru de sus) sau auxiliar (litere mici). Crava critică trebuie să fie recunoscută de fiecare decodor. Dacă decodorul întâlnește o pârghie critică, tipul de care nu poate recunoaște, trebuie să completeze execuția cu o eroare.
Cel de-al doilea registru de simbol solicită "Publicitate" (majuscule) sau "confidențialitate" (registrul inferior) al Chanka. "Public" Chanki - oficial, documentat, recunoscut de majoritatea decodoarelor. Dar dacă dintr-o dată trebuie să codificați informații specifice pentru un fel de nevoi, este doar în numele lui Chanka, faceți un al doilea simbol mic.
Al treilea registru de simboluri este lăsat pentru realizările viitoare. Se presupune că va fi folosit pentru diferențiere diferite versiuni Standard. Pentru versiunile 1.0 și 1.1, al treilea simbol ar trebui să fie mare. Dacă el (brusc!) Sa dovedit a fi mic, toate decodoarele actuale ar trebui să vină cu Chankki, precum și cu oricare altul nu a fost recunoscut (adică, să meargă prost dacă chankul este critic, sau săriți altfel).
Registrul celui de-al patrulea simbol înseamnă capacitatea de a copia această bucată de către editori care nu o pot recunoaște. Dacă registrul este mai mic, Chanc poate fi copiat, indiferent de gradul de modificare a fișierelor, altfel este copiat numai în cazul în care nu a fost afectată nicio bucată critică atunci când modificările.

Pentru o mai bună înțelegere, să ne uităm la steaguri cu privire la exemplul unei bucăți care conțin textul.

Mai jos este o listă de tipuri de chunk cu explicații scurte.
Critical Chanki.

IHDR. - antetul fișierului, conține informații de bază despre imagine. Trebuie să fie primul Chang.
Plte - Paleta, Lista culorilor.
Idat. - conține, de fapt, imaginea. Desenul poate fi împărțit în mai multe canale de idat pentru streaming. În fiecare fișier trebuie să existe cel puțin un idtat Chang.
Iend. - Cankul de finisare, trebuie să fie ultimul în fișier.

Auxiliari chanki.

bKGD. - Această pârâu stabilește culoarea principală de fundal.
cHRM. Folosit pentru sarcina Cie 1931 Spațiu de culoare.
gama. - determină gamma.
hist. - În acest chanka, o histogramă sau conținutul total al fiecărei culori din imagine poate fi stocat.
iCCP. - profilul de culoare ICC.
iTXT. - conține text în UTF-8, eventual comprimat, cu o etichetă de limbă opțională. Itxt chank S. cuvânt cheie. "XML: COM.ADOBE.XMP" poate conține platformă de metadate extensibilă (XMP).
phys. - conține dimensiunea pixelului estimată și / sau partea laterală a imaginii.
sBIT. (Biți semnificativi) - determină imaginea "precizia culorii" (alb-negru, culoarea completă, alb-negru cu transparență etc.), pentru decodare mai simplă.
splate. - Oferă o paletă pentru utilizare dacă întreaga gamă de culori nu este disponibilă.
sRGB. - Indică utilizarea schemei standard SRGB.
sTER. - Indicatorul imaginilor stereoscopice.
tEXT. - Poate conține text în format ISO / IEC 8859-1, cu un nume \u003d perechea de valoare pentru fiecare bucată.
timp. - stochează data ultima schimbare Imagini.
trns. - conține informații despre transparență.
ztxt. - Text comprimat, cu aceleași restricții ca text.

Mai multe informații pot fi găsite în caietul de sarcini.

CRC.

CRC-32 de control. Apropo, a doua zi a fost subiectul despre numărarea în ferestre.

PNG minim.

Cu structura generală abordată. Acum vom analiza conținutul canalelor obligatorii. Dar care dintre ele sunt obligatorii (nu critice, critice sunt obligate să fie recunoscute de decodor și să nu fie prezente în fiecare fișier), și cum arată fișierul minim PNG? Așa:

IHDR.

Blocul de date din IHDR conține următoarele câmpuri:

Lăţime, 4 octeți
Înălţime, 4 octeți
Adâncimea de biți (adâncime de biți) determină numărul de biți pentru fiecare probă (nu pixel), 1 octet
Tipul de culoare, constă din 3 steaguri 1 (paletă), 2 (culoarea este utilizată, nu imagine monocromă) și 4 (canalul alfa este prezent), 1 octet
Metoda de compresie. În prezent, numai valoarea este 0 - compresia în funcție de algoritmul de deflare. Dacă valoarea este diferită de 0, chankul este considerat nerecunoscut, iar decodorul raportează o eroare. 1 octet
Metoda de filtrare. De asemenea, ca în cazul compresiei, în momentul în care poate fi zero. 1 octet
Metoda interlace (intercalare). Determină procedura de transfer de date. În prezent, sunt disponibile 2 valori: 0 (fără intercalare) și 1 (Adam7 Interlace). 1 octet

Adam7 Interling demonstrează perfect imaginea de la Wikipedia (da, GIF în articolul despre PNG):

Iend.

Semnalează sfârșitul fișierului, blocul de date al acestei bucăți nu conține nimic.

Idat.

Conține date codificate, în funcție de câmpul Metod de compresie din titlu. Algoritmul de decodare depășește domeniul de aplicare al acestui articol (cu toate acestea, dacă doriți, poate apărea în cele ce urmează), dar este descrisă destul de bun (și în limba rusă).

Astfel, cel mai simplu fișier PNG (de exemplu) este după cum urmează.

Concluzie

La scrierea acestui articol, mi-am pus sarcina de a da cititorului cunoștințe generale despre structura fișierului PNG, pentru o înțelegere mai profundă, se recomandă citirea specificațiilor.

Subiect pe Habré Despre structura JPEG: HaBraHabr.ru/blogs/algorithm/102521
Subiect pe Habré Despre structura GIF: HaBraHabr.ru/blogs/algorithm/127083

Vă mulțumim pentru atenția dvs., voi fi bucuroasă de orice critică!

Salutări pentru tine, dragi cititori ai blogului meu!

Am avut nevoie de recent Îndepărtați fundalul Din imagine, cu Photoshop nu sunt foarte prietenos. Și vă voi spune că nici măcar nu o am pe computer. (Ei bine, deloc, de ce ar trebui să am ceva de lucru cu ceva).

Dar fundalul cu imaginea a trebuit să fie eliminat din imagine, am început să lupt cu expansele Internetului, în căutarea rezolvării sarcinii mele. Există o mulțime de opțiuni foarte mult, dar căutam ceva mai ușor)). Am găsit o modalitate foarte ușoară și ușoară de a elimina fundalul din imagine.

Și așa, să începem. Avem nevoie de Photoshop, dar așa cum nu o am. eu folosesc photoshop online. Lucru foarte confortabil, îți voi spune. Și, bineînțeles, imaginea despre care vrem să facem transparent.

Îți arăt exemplul, iată această imagine, vom curăța fundalul alb

Mergem la Photoshop online. Am folosit asta Pixlr.

Selectați: Descărcați imaginea de pe un computer.

Acum pe dreapta în fereastră "Straturi" Trebuie să deschideți blocarea

Apasa pe el De 2 ori cu butonul din stânga Șoareci, ar trebui să apară un semn de verificare în piață.

Acum mergem pe panou care este lăsat, alegeți instrumentul "Bagheta magica" și toleranța pusă 21.

Asta pare să fie tot, dar nu sunt mulțumit de imaginea complet, erau încă rămășițele fundalului, fac clic pe locul pe care vreau să-l îndepărtez. Apoi "editați" ---- "clar". Și până când eliminați tot ce aveți nevoie.