72 ppi Web rezoluție mit

scris de Steve Patterson.

dacă ați fost în jurul valorii de calculatoare și imagini digitale pentru un timp, mai ales dacă sunteți un web designer sau un fotograf publicarea fotografiilor on-line, Ați auzit, fără îndoială, a spus că rezoluția corectă pentru imaginile afișate pe web, sau pe ecrane de calculator, în general,, este 72 pixeli per inch (ppi).,este posibil să fi auzit chiar că a spus că, deși 72 ppi este corect pentru imaginile afișate pe un Mac, un PC bazat pe Windows are nevoie de rezoluția setată la 96 ppi. unii spun că este ” ppi „(pixeli pe inch), alții susțin că este” dpi ” (puncte pe inch), iar totul ar deveni foarte confuz dacă nu ar fi pentru un mic fapt – totul este un nonsens complet! În acest tutorial, vom afla de ce pur și simplu nu există o rezoluție standard pentru web sau ecran și de ce, dacă imaginile dvs. sunt destinate web-ului, nu trebuie să vă faceți griji cu privire la rezoluția imaginii!

un pic de Istorie…,

originea rezoluției ecranului 72 ppi datează de la mijlocul anilor 1980, când Apple a lansat primele sale computere Macintosh. Aceste computere au inclus un ecran încorporat de 9 inch cu o rezoluție a ecranului de 72 pixeli pe inch. De ce 72 pixeli pe inch? E pentru Macintosh ecrane au fost special conceput pentru a lucra în armonie perfectă cu Apple ImageWriter imprimante, care au o rezoluție de imprimare de 144 de puncte per inch – exact de două ori rezoluția ecranului., Acest lucru a facilitat scalarea afișajului ecranului pe pagina tipărită, ceea ce a însemnat că textul și grafica dvs. ar putea fi previzualizate pe ecran la dimensiunea exactă pe care ar apărea atunci când sunt tipărite. Mai târziu, pe măsură ce Apple a început să facă afișaje mai mari pentru Macintosh, s-au asigurat să păstreze rezoluțiile ecranului setate la aceiași 72 pixeli pe inch, astfel încât utilizatorii să vadă întotdeauna o previzualizare exactă pe ecran a documentului tipărit (atâta timp cât foloseau o imprimantă ImageWriter).dar rezoluția ecranului de 72 de pixeli pe inch a fost standard doar cu Apple și nu a durat., Companiile terțe care vând monitoare pentru Macintosh nu au respectat standardul și nici monitoarele PC concurente. Astăzi, aproape trei decenii mai târziu, tehnologia s-a îmbunătățit mult, iar zilele ecranelor cu o rezoluție de doar 72 ppi au dispărut de mult. Chiar și Apple, compania care a început totul, își vinde acum afișajele cu rezoluții mult mai mari. Nimeni nu mai face 72 de ecrane ppi. Nimeni nu mai folosește ecrane 72 ppi., Și totuși, chiar dacă acea tehnologie veche este cu mult în urma noastră, avem încă o mulțime de oameni care continuă să creadă că trebuie să setăm rezoluția imaginilor noastre la 72 de pixeli pe inch în Photoshop înainte de a le încărca pe web. Majoritatea oamenilor cred că motivul este astfel încât imaginile să se afișeze corect pe ecran, așa că haideți să începem lucrurile învățând o modalitate ușoară de a dovedi că monitorul computerului, împreună cu fiecare monitor de computer modern, are de fapt o rezoluție mult mai mare decât 72 ppi.,

punerea la încercare a standardului 72 PPI

ca toți ceilalți în aceste zile, afișajul computerului dvs. (indiferent dacă este un monitor autonom, un sistem all-in-one precum un iMac sau o parte a unui laptop) are o rezoluție a ecranului mai mare de 72 pixeli pe inch și nu trebuie să mă credeți pe cuvânt. Puteți testa cu ușurință singur. Tot ce aveți nevoie este o riglă sau o bandă. Acum, când un magazin vă vinde un monitor de computer, de obicei vă spun dimensiunea sa în funcție de lățimea diagonală, unele dimensiuni comune fiind de 17 inci, 19 inci, 24 inci și așa mai departe., E în regulă, dar pentru testul nostru de aici, nu trebuie să ne pese de acel număr. Ceea ce trebuie să aflăm este lățimea reală, în inci, a ecranului. Pentru a face acest lucru, pur și simplu apucați rigla sau măsurarea benzii și măsurați zona ecranului de la stânga la dreapta. Asigurați-vă că măsurați numai zona ecranului în sine. Nu include nici de frontieră în jurul ecranului. Avem nevoie de lățimea reală a ecranului (monitorul computerului foto din ):

măsurați lățimea ecranului (fără a include marginea exterioară).,

după ce ați măsurat lățimea, celălalt lucru de care trebuie să vă asigurați este că monitorul dvs. este setat la rezoluția sa nativă de afișare, care este numărul real de pixeli pe care ecranul îl poate afișa de la stânga la dreapta și de sus în jos. De exemplu, un monitor cu o rezoluție de afișare nativă de 1920 x 1080 (denumit în mod obișnuit „full HD”) conține 1920 pixeli de la stânga la dreapta și 1080 pixeli de sus în jos., În prezent folosesc un monitor cu o rezoluție de afișare nativă de 2560 x 1440, dar laptopul meu are o rezoluție de afișare nativă de 1920 x 1200, deci variază, ceea ce înseamnă că va trebui să cunoașteți rezoluția de afișare nativă a monitorului dvs. specific și să vă asigurați că este ceea ce aveți monitorul setat în opțiunile de afișare ale sistemului dvs. de operare.,

Acum, că te-ai măsurat ecran efectivă lățime și ai făcut-vă că monitorul este pornit, la nativ rezoluție de afișare, pentru a afla ce sa reală rezoluția ecranului este (în pixeli per inch), pur și simplu să ia primul număr din nativ rezoluție de afișare, care spune lățimea ecranului în pixeli, și împărțiți-l de lățimea ecranului în inch. De exemplu, rezoluția mea nativă de afișare este 2560 x 1440, așa că voi lua primul număr, 2560, care este lățimea ecranului în pixeli și o voi împărți cu lățimea în inci, care în cazul meu a fost 23.,4 (sau destul de aproape, oricum). Folosind calculatorul încorporat al sistemului meu de operare, 2560 ÷ 23.4 = 109.4, pe care îl voi rotunji la 109. Deci, doar din acest test rapid și simplu, am confirmat că rezoluția ecranului meu este de 109 pixeli pe inch, nu 72 pixeli pe inch. Propriul test cu ecranul dvs. vă poate oferi un rezultat diferit de al meu, dar dacă nu utilizați încă unul dintre acele computere Macintosh originale de la mijlocul anilor ’80, acesta va fi mult mai mare decât 72 ppi.dacă doriți ,puteți face același lucru cu înălțimea ecranului., Doar luați rigla sau banda și măsurați înălțimea reală a ecranului în inci (evitând din nou zona de frontieră din jurul acestuia):

măsurați înălțimea ecranului (fără a include marginea exterioară).

apoi, luați al doilea număr din rezoluția de afișare nativă a ecranului, care vă oferă înălțimea în pixeli și împărțiți-o la înălțimea în inci. Din nou, rezoluția mea nativă de afișare este 2560 x 1440, așa că voi lua acel al doilea număr, 1440, și îl voi împărți la înălțimea măsurată a ecranului, care a fost 13.2 inci. Folosind calculatorul meu, 1440 ÷ 13.2 = 109.,09 care din nou voi rotunji la 109. După cum putem vedea, ar trebui să obțineți aproape același rezultat folosind fie lățimea, fie înălțimea ecranului. În cazul meu, amândoi au lucrat la 109 pixeli pe inch, nu 72 pixeli pe inch.

pentru comparație, să verificăm rezoluția reală a ecranului laptopului meu. Este un MacBook Pro (realizat desigur de Apple, compania care ne-a oferit standardul original de 72 ppi în urmă cu mulți ani)., MacBook Pro-ul meu are o rezoluție nativă de afișare de 1920 x 1200, așa că, așa cum am făcut-o înainte, voi lua primul număr, 1920, care îmi dă lățimea ecranului în pixeli și o voi împărți la lățimea ecranului în inci, care în acest caz este 14.4. Deci, 1920 ÷ 14.4 = 133.3, pe care o voi rotunji la 133 pixeli pe inch. Este mult mai mare decât 72 și chiar mai mare decât monitorul meu autonom. Voi face același lucru cu înălțimea, luând înălțimea în pixeli (1200) și împărțind-o la înălțimea în inci (9). 1200 ÷ 9 = 133.3, din nou rotunjit la 133 pixeli pe inch.,două afișaje diferite, fiecare cu două rezoluții diferite ale ecranului (109 ppi și 133 ppi), ambele considerabil mai mari decât 72 ppi care, potrivit multor oameni de astăzi, rămâne rezoluția standard a industriei pentru vizualizarea imaginilor pe web și pe ecran., În cazul în care ecranul, ecranul și toată lumea e ecranul are o rezoluție mai mare de 72 ppi, să nu mai vorbim de faptul că ambele ecrane a avut foarte rezoluții diferite de la fiecare alte și ecran poate avea o altă rezoluție, precum și, atunci, în mod clar, nu doar că nu există nici un standard oficial pentru rezoluția ecranului, dar chiar dacă ar exista, nu ar mai fi de 72 ppi. Acele zile, ca și computerele Macintosh originale pentru care a fost proiectat, sunt istorie.,

Rezoluția Imaginii Afectează Dimensiunea de Imprimare, Nu Dimensiunea Ecranului

Dacă faptul că monitoare de calculator de astăzi au toate rezoluții de ecran mai mare de 72 ppi nu te-a convins că nu există nici un astfel de lucru ca o 72 ppi ecran rezoluție standard, aici este un alt fapt important de luat în considerare. Dacă ați citit anterior tutorialul nostru despre rezoluția imaginii, dimensiunile pixelilor și dimensiunea documentului, știți deja că rezoluția imaginii nu are absolut nicio legătură cu modul în care apare imaginea dvs. pe ecran. De fapt, o imagine digitală, pe cont propriu, nu are deloc o rezoluție inerentă. Sunt doar pixeli., Are un anumit număr de pixeli de la stânga la dreapta și un anumit număr de sus în jos. Lățimea și înălțimea unei imagini, în pixeli, este cunoscută sub numele de dimensiunile pixelilor, și asta este tot ce îi pasă de ecranul computerului.dimensiunea la care apare o imagine pe ecran depinde doar de două lucruri – dimensiunile pixelilor imaginii și rezoluția de afișare a ecranului. Atâta timp cât ați setat ecranul la rezoluția sa nativă de afișare așa cum am discutat mai devreme, atunci o imagine va fi afișată pixel-pentru-pixel., Cu alte cuvinte, fiecare pixel din imagine va ocupa exact un pixel pe ecran. De exemplu, o imagine de 640×480 pixeli ar umple o zonă de 640×480 pixeli a ecranului. Un banner cu 800 de pixeli pe un site web ar apărea pe ecran cu 800 de pixeli. Nici mai mult, nici mai puțin. Și indiferent de ce setați rezoluția imaginii în Photoshop, fie că este vorba de 72 ppi, 300 ppi sau 3000 ppi, nu va avea niciun efect asupra cât de mare sau mică apare imaginea pe ecran.acest lucru se datorează faptului că rezoluția imaginii afectează un singur lucru – dimensiunea imaginii atunci când este imprimată., Prin setarea rezoluției în Photoshop, spunem imprimantei, nu ecranului, câți dintre pixelii din imagine să se strecoare într-un centimetru de hârtie. Cu cât strângeți mai mulți pixeli în fiecare centimetru de hârtie, cu atât imaginea va apărea mai mică atunci când este tipărită. Și, în general, cu cât imprimați mai mulți pixeli pe inch, cu atât este mai mare calitatea imprimării.

ne putem da seama cu ușurință cât de mare va imprima o fotografie pe baza unei anumite rezoluții a imaginii., Pur și simplu luați lățimea fotografiei în pixeli și împărțiți-o după rezoluția imaginii, apoi luați înălțimea fotografiei în pixeli și împărțiți-o și după rezoluția imaginii. Dacă luăm ca exemplu o imagine de 640 x 480 pixeli și setăm rezoluția acesteia la 72 ppi în Photoshop, atunci putem împărți lățimea și înălțimea fotografiei prin Rezoluția sa pentru a determina că va imprima pe hârtie la aproximativ 8, 9 x 6, 7 inci., Dacă vom crește rezoluția sa în Photoshop, să zicem, 240 ppi, care este un mai comune de rezoluție de imprimare, apoi din nou, dacă vom face matematica, împărțirea de pixeli lățime și înălțime de 240 ppi, știm că fotografia ar imprima la o dimensiune de 2.7 x 2 cm, care este mult mai mic decât dacă am fi tipărite la 72 ppi, dar în general de calitate a imprimării ar fi mult mai bine. Dar ceea ce este mai important de înțeles aici este că prin schimbarea rezoluției, nu afectăm în niciun fel aspectul imaginii pe ecran.,pentru a vedea mai clar cum rezoluția afectează dimensiunea imprimării și nu dimensiunea ecranului, iată o imagine pe care am deschis-o în Photoshop. Tipul ăsta mic a fost, de asemenea, încercarea de a face sens de toate astea 72 ppi web de rezoluție lucruri, dar se pare ca nu poate fi prea mult un pic (gândirea copilului fotografie de la ):

rezoluția Imaginii este într-adevăr nu atât de complicat, dar cu siguranta Un efort.,

voi deschide Photoshop Dimensiune Imagine în caseta de dialog merge până la Imaginea de meniu din Bara de Meniu din partea de sus a ecranului și alegeți Dimensiunea Imaginii:

O Imagine > Dimensiune Imagine.

în partea de sus a casetei de dialog Dimensiune imagine este secțiunea dimensiuni pixeli care ne spune lățimea și înălțimea imaginii în pixeli. Aici putem vedea că fotografia mea are atât o lățime cât și o înălțime de 500 de pixeli, ceea ce o face o dimensiune decentă pentru afișarea pe web., Aceasta este doar o parte din caseta de dialog Dimensiune Imagine care ecranul computerului îi pasă – real dimensiunile în pixeli ale imaginii:

Pixel Dimensiuni secțiune ne arată lățimea și înălțimea în pixeli.

sub dimensiunile pixelilor se află secțiunea dimensiunea documentului care ne spune cât de mare ar apărea imaginea în prezent pe hârtie dacă ar fi să o imprimăm. Această secțiune se ocupă exclusiv de dimensiunea imprimării și nu are niciun efect asupra modului în care apare imaginea pe ecran. De asemenea, se întâmplă să fie acasă la opțiunea de rezoluție foarte importantă (motivul pentru care suntem cu toții aici!,), ceea ce are sens, deoarece rezoluția afectează dimensiunea imprimării, nu dimensiunea ecranului. După cum putem vedea, Photoshop-a luat-o înainte și setați rezoluția de poza mea de la 72 pixeli per inch (da, chiar și Photoshop este de a contribui la 72 ppi mit), și direct deasupra opțiunea de Rezoluție, în casetele Lățime și Înălțime, putem vedea că, la 72 ppi, 500 x 500 pixeli foto ar imprima la 6.944 x 6.944 cm pe hârtie (500 ÷ 72 = 6.944):

Dimensiunea Documentului secțiune ne arată dimensiunea de imprimare bazat pe rezoluția actuală. Ea nu are nici un efect asupra dimensiunii ecranului.,

Să vedem ce se întâmplă dacă măresc rezoluția imaginii. Înainte de a face asta, însă, voi debifa rapid opțiunea Resample Image din partea de jos a casetei de dialog, astfel încât imaginea să-și păstreze dimensiunile originale ale pixelilor atunci când schimb rezoluția:

debifând opțiunea Resample Image.

cu reeșantionarea imaginii necontrolate, voi crește rezoluția de la 72 pixeli pe inch la 240 pixeli pe inch. Putem vedea în secțiunea dimensiuni pixeli din partea de sus că creșterea rezoluției nu a modificat dimensiunile reale ale pixelilor., Este încă 500 x 500 pixeli, ceea ce înseamnă că ar dura încă o zonă de pixeli 500 x 500 pe ecran. Dar la 240 ppi, acum ar imprima pe hârtie la o dimensiune de numai 2.083 x 2.083 inci (500 ÷ 240 = 2.083). Modificarea rezoluției a schimbat dimensiunea de imprimare a fotografiei, dar nimic altceva:

imaginea va imprima acum mai mică, dar va rămâne exact aceeași dimensiune de 500 x 500 pixeli pe ecran.

voi crește din nou rezoluția imaginii, de data aceasta la ceva nebunesc ca 500 pixeli pe inch, doar pentru a face matematica foarte ușoară., O imagine de 500 x 500 pixeli, setată la o rezoluție de 500 pixeli pe inch, ar imprima ca o imagine de 1 x 1 inch pe hârtie (500 ÷ 500 = 1). Încă o dată, dimensiunile reale ale pixelilor imaginii nu s-au schimbat., Chiar și la 500 ppi, imaginea mea ar părea nici mai mari sau mai mici pe ecran, care ar fi de la 72 ppi, sau 240 ppi, sau la orice rezoluție, deoarece este încă un 500 x 500 pixeli a imaginii, indiferent de setarea de rezoluție, și dimensiunile în pixeli sunt tot ecranul computerului îi pasă:

La 500 ppi, imaginea ar imprima foarte mici, într-adevăr, dar ar apărea ca un 500 x 500 pixeli imaginea de pe ecran.în cele din urmă, aici este o comparație side-by-side a imaginii așa cum apare la toate cele trei rezoluții de mai sus., Am făcut imaginea mai mică (acum este doar 200 x 200 pixeli), astfel încât să pot potrivi toate cele trei versiuni una lângă cealaltă, dar prima versiune din stânga a fost salvată la 72 ppi. Versiunea în mijlocul fost salvat de la 240 ppi, iar versiunea pe dreapta a fost salvat de la 500 ppi:

72 ppi (stânga), 240 ppi (mijloc) și 500 ppi (dreapta) versiune a imaginii.după cum putem vedea clar, rezoluția nu are niciun efect asupra modului în care arată imaginea pe ecran., Toate cele trei versiuni ocupă fiecare un spațiu de exact 200 x 200 pixeli, indiferent de setarea rezoluției. Calitatea fiecărei versiuni este, de asemenea, exact aceeași. Fiecare versiune ar imprima la o dimensiune foarte diferită din cauza setărilor de rezoluție diferite, dar nu are nicio diferență în ceea ce privește dimensiunea ecranului sau calitatea imaginii.

deși este îndoielnic că această prostie de rezoluție web și ecran de 72 ppi va dispărea oricând în curând, sper că acest tutorial a făcut cel puțin mai ușor să vedem de ce este, de fapt, o prostie în acest moment., Monitoarele de calculator în aceste zile toate au rezoluții ale ecranului mai mari de 72 ppi, iar opțiunea de rezoluție a imaginii din Photoshop afectează doar dimensiunea de imprimare a unei fotografii, nu dimensiunea ecranului.

Orice fotografie cu pixel dimensiuni suficient de mici pentru a afișa pe web ar fi prea mic pentru oricine pentru a descărca și imprima o calitate bună versiune la un util dimensiune, deci cu toate aceste considerente în minte, dacă fotografia va fi doar vizualizate pe ecran, fie ca e pe web, într-un e-mail, sau oricare ar fi cazul, nu există pur și simplu nici un motiv logic de ce ai nevoie pentru a seta rezoluția la 72 ppi în Photoshop., Dacă nu imprimați fotografia, nu trebuie să vă faceți griji cu privire la rezoluția imaginii. Și acolo o avem!

obțineți toate tutorialele noastre Photoshop ca PDF-uri! Descărcați-le astăzi!

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *