câți pixeli pe inch sunt cei mai buni pentru imaginile web? Înlăturați concepțiile greșite comune despre rezoluția imaginii pentru web cu acest ghid de la .

„dar așteptați,” vă auzim că vă bateți joc”, de ce nu ar conta rezoluția imaginii pentru web? Ar trebui să postez fotografii zimțate și neclare pe site-ul meu profesional și să închei ziua?”

nu atât de repede!, Calitatea imaginii pentru fotografii, grafice și pictograme online este esențială pentru a oferi o experiență de utilizator satisfăcătoare oricui vizitează site-ul dvs. web. Cu toate acestea, rezoluția imaginii este un termen care are mai mult sens în imprimare decât online. Haideți să analizăm detaliile rezoluției imaginii și să determinăm ce este cu adevărat important pentru imaginile vii de pe web.

ce este rezoluția imaginii?

un termen rămas din industria tipografică, rezoluția imaginii este densitatea punctelor sau pixelilor care alcătuiesc imaginea. Rezoluția imaginii este, cu alte cuvinte, cantitatea de informații vizuale pe care o conține o imagine. În acest context, are sens perfect că doriți ca imaginile dvs. să aibă o rezoluție cât mai mare posibil, astfel încât acestea să apară ascuțite, clare și vibrante.măsurăm rezoluția imaginii în DPI sau PPI. În industria imprimării, rezoluția imaginii este măsurată în puncte pe inch sau DPI., Tradus în Digital, rezoluția imaginii este măsurată în pixeli pe inch sau PPI. Adesea veți vedea acești termeni folosiți interschimbabil, dar DPI este rezervat pentru imprimare, în timp ce PPI este utilizat pentru imagini digitale. O imagine cu un PPI mai mare tinde să fie de o calitate mai mare datorită densității pixelilor.

dar, dacă PPI are aparent o legătură cu calitatea, de ce noi, echipa, insistăm că rezoluția imaginii online nu este o afacere mare? Să ocolim rapid trecutul mult uitat — anii 1980-și să aplicăm ceea ce am învățat la starea actuală a calității imaginii.,

rezoluție standard a imaginii web

istoric, designerii web au considerat 72 PPI definiția „standard” pentru imaginile destinate web-ului. Motivul? S-ar putea să auziți că majoritatea ecranelor se potrivesc automat cu 72 de pixeli pe inch. Deci, la această rezoluție, imaginea este cât se poate de detaliată. Dar povestea completă este mai complicată.când Apple a lansat primele sale computere Macintosh în anii ’80, s-au lipit de un ecran de nouă inci cu o rezoluție a imaginii de 72 PPI., Această decizie a fost practică — imprimantele lor ImageWriter au imprimat imagini la 144 DPI, iar acest raport 2:1 a făcut ca imaginile de scalare să fie nedureroase și simple.

Tehnologia de afișare a avansat rapid în treizeci și șase de ani de la lansarea Macintosh, iar acum puține computere au o rezoluție de afișare de 72 PPI. Când exportați imagini din Photoshop și din alte programe software de editare a imaginilor, este posibil să setați automat rezoluția imaginii la 72 PPI, după ani de consolidare. Cu toate acestea, afișajele variază drastic în rezoluție.

dacă acesta este cazul, nu există niciun standard?, Cum ne asigurăm că imaginile noastre se afișează frumos online, pe toate dispozitivele?

ce afectează afișarea imaginilor pe Web?

în ceea ce privește rezoluția imaginii pentru web, este mai bine să gândiți strict în dimensiunile pixelilor și dimensiunea fișierului.dimensiunile pixelilor – aceasta se referă la câți pixeli constituie imaginea dvs., în lungime și lățime. De exemplu, o imagine pătrată care măsoară 360×360 pixeli are 360 pixeli în fiecare rând și 360 pixeli în fiecare coloană., Dacă ecranul computerului dvs. are o rezoluție de 72 PPI, această imagine ar măsura cinci centimetri pe fiecare parte atunci când este afișată la dimensiune completă pe monitor. Aceasta este o imagine destul de mare!

cu cât dimensiunile sunt mai mari pentru imaginea dvs., cu atât imaginea dvs. va arăta mai profesionistă. Dacă dimensiunile unei fotografii sunt de 2000×1500 pixeli, imaginea va arăta grozav ca un banner sau ca o fotografie mică pe partea laterală a site-ului dvs. web., Cu toate acestea, dacă utilizați o imagine care măsoară 200×150 pixeli, aceasta va arăta doar profesională în dimensiunea sa nativă, mai mică. Suflarea acestei imagini pentru a fi utilizată ca imagine de erou va duce la un aspect granulat, neglijent, pe care nimeni care vizitează site-ul dvs. web nu îl va aprecia.

• Dimensiune fișier-calitatea imaginii dvs. va crește pe măsură ce Dimensiunea fișierului dvs. devine mai mare și cantitatea de compresie a imaginii dvs. este supusă unor scăderi. Dimensiunea fișierului imagine este pur și simplu numărul de octeți imaginea ocupă pe computer sau site-ul., Dimensiunile imaginii dvs. vor determina dimensiunea fișierului, dar tipul de fișier pe care îl utilizați pentru imaginile dvs. va fi, de asemenea, un factor semnificativ. Pentru a decide între JPEG, PNG sau chiar GIF-uri, citiți recomandările noastre pentru cele mai bune formate de imagine pentru web.

când decideți ce tip de fișier să utilizați și nivelul de calitate pentru imaginile dvs., rețineți că viteza paginii scade pe măsură ce dimensiunea totală a fișierului crește., Doriți să alegeți calitatea imaginii care arată cel mai bine, păstrând în același timp fiecare fișier imagine mic și ușor de gestionat. Când pagina dvs. este lentă și plină de erori, experiența utilizatorului suferă. Cincizeci și trei la sută dintre utilizatorii de telefonie mobilă abandonează paginile web care durează mai mult de trei secunde pentru a se încărca. Creșterea dimensiunii fișierului poate duce la o imagine mai bună, dar ar putea avea un impact negativ asupra performanței site-ului.

când rezoluția imaginii contează

rezoluția imaginii poate să nu fie relevantă în majoritatea aplicațiilor digitale, dar în imprimare, rezoluția imaginii este rege., DPI va afecta drastic modul în care o imagine imprimă și este de o importanță primordială atunci când exportați imagini din software-ul de proiectare și editare, dacă nu încărcați fotografiile online.în imprimarea profesională, fotografiile dvs. ar trebui să aibă o rezoluție a imaginii de cel puțin 300 DPI. În general, ochiul uman nu poate diferenția imaginile peste 200 DPI, dar este o practică standard de a utiliza 300 DPI și mai mult pentru o claritate optimă. Verificați întotdeauna setările imprimantei înainte de a alege o rezoluție a imaginii pentru imprimare., Multe imprimante nu pot gestiona rezoluții de peste 300 DPI, iar utilizarea unei astfel de setări poate crea artefacte vizuale ciudate.pentru context: dacă doriți să imprimați o imagine de patru inci pe șase inci la 300 dpi, ar trebui să măsoare 1200×1800 pixeli înainte de imprimare. Când fotografiați imagini cu o cameră foto, fotografii ar trebui să filmeze la o rezoluție mai mare decât ceea ce vor avea nevoie pentru imprimare. Apoi pot ascuți și reduce imaginile din software-ul de editare foto.când editați imagini pentru imprimare, este mai bine să utilizați formate de fișiere TIFF sau EPS., Aceste tipuri de fișiere sunt fără pierderi, ceea ce înseamnă că nu veți comprima sau compromite imaginea atunci când salvați și redeschideți. Cu toate acestea, aceste fișiere sunt mari și greoaie.

imagine de copertă prin Cine este Danny. Imagine de ecran prin Galyna Andrushko.,descoperiți mai multe sfaturi despre cum să vă proiectați site-ul cu aceste articole:

• cele mai bune imagini pregătite pentru site-ul web pentru a vă lansa prezența online
• cum să proiectați un site Web: 10 Reguli de aur pentru începători
• sfaturi simple de proiectare a aspectului site-ului oricine poate urma
• cum să redimensionați imaginile pentru Web fără a pierde