Jaka jest różnica między DPI (kropkami na cal) a PPI (pikselami na cal)?

28

Istnieje wiele innych pytań dotyczących projektowania graficznego, które częściowo to obejmują, np. Jakie DPI należy zastosować w jakich sytuacjach? .

Sfrustrowałem się jednak liczbą pytań i odpowiedzi, które mylą oba terminy. Myślę, że zrozumienie różnicy jest ważne.

Oto miejsce, aby dobrze odpowiedzieć na to pytanie i wyjaśnić zamieszanie!

e100
źródło
1
Nie chcesz po prostu wyczyścić (tj. Usunąć odniesienie do Photoshopa) z graphicdesign.stackexchange.com/questions/199/... i skierować do niego osoby nadużywające? Obie odpowiedzi wyjaśniają dość zwięźle różnicę między punktem a pikselem. Brakuje tylko „na cal”.
Farray
1
To jest bylina. Pojawia się w różnych formach na każdym forum graficznym, listserv, blogu lub seminarium. Jednak e100 ma rację, nie mamy definitywnego stwierdzenia, które obejmuje wszystkie podstawy i czyści dokładnie to dokładne pytanie. Podjąłem próbę poniżej. Możesz edytować.
Alan Gilbertson
@AlanGilbertson Brzmi dobrze. Po otrzymaniu dobrych kanonicznych odpowiedzi, być może moglibyśmy edytować fragmenty w Tag Wiki i mam nadzieję zmniejszyć przyszłe zamieszanie ...
Farray
@Fray, punkty i kropki to całkiem różne rzeczy.
e100
@ e100 Masz rację. Przeskoczyłem trochę po tym komentarzu, opierając się na przeczuciu, że widzieliśmy już to pytanie. Po przejrzeniu wielu innych pytań DPI / PPI wydaje się, że tak naprawdę nie trafiliśmy na ten temat w sposób, w jaki można by znaleźć odpowiedzi na przyszłe pytania.
Farray

Odpowiedzi:

23

Pikseli (słowo pierwotnie wymyślone, IIRC, przez IBM i pochodzi od „picture element”) jest najmniejszą niepodzielną jednostką informacji w obrazie cyfrowym. Piksele mogą być wyświetlane lub mogą być drukowane, ale nie można podzielić pikseli na mniejsze części, aby uzyskać więcej informacji. Ile kanałów i bitów na kanał tworzy jeden piksel, jest miarą tego, jak subtelne mogą być informacje w pikselu, ale podstawowy fakt jest taki, że 1 piksel to najmniejszy przyrost informacji w obrazie. Jeśli robisz wideo, wiesz, że piksele nie muszą być kwadratowe - nie są kwadratowe we wszystkich starszych formatach wideo. Kwadratowy czy nie, piksel jest wciąż najmniejszą jednostką obrazu.

Cala (w porządku, więc to już wiemy - pokrywa się ze mną) to jednostka miary liniowej na powierzchni, która może być ekran lub kawałek papieru.

Kropka jest dobrze, kropka. Może to być kropka na ekranie lub kropka utworzona przez głowicę drukującą. Podobnie jak piksele, kropki są atomowe. Są albo tam, albo ich nie ma. To, ile drobnych szczegółów może wyświetlić ekran, zależy od tego, jak blisko są kropki (co nazywano „skokiem kropek” w dawnych czasach CRT). To, jak małe są kropki z drukarki atramentowej, drukarki laserowej lub naświetlarki, określa, ile drobnych szczegółów może odtworzyć.

Kropki na cal są dość łatwe. Ekran ma tyle kropek (każda zawiera elementy R, G i B) na cal ekranu. Tak samo jest na papierze. Drukarka o rozdzielczości 1200 dpi może umieścić 1200 punktów w jednym calu liniowym. W opisie szczegółów ekranu lub wydajności drukarki kropki na cal to właściwy termin.

PPI jest źródłem zamieszania. Obraz ma tak wiele pikseli. Jego metadata zawiera format wyjściowy w calach cm mm, M & M, niezależnie. Jest to szerokość w pikselach podzielona przez szerokość wyjściową w metadanych, z której pochodzi „na cal”. Zatem ten sam obraz z różnymi metadanymi może mieć 72 ppi, 150 ppi lub 8000 ppi. Informacje o obrazie są takie same; wszystko co się zmieniło to metadane.

Szybkim i łatwym pokazem, który w pewnym stopniu ilustruje sens, jest narysowanie śladów na kawałku gumki, powiedzmy pięć na cal. Rozciągnij gumkę do dwukrotnej długości. Liczba znaków nie zmieniła się, mimo że „liczba znaków na cal” wynosi teraz 2,5.

Możesz to zobaczyć w Photoshopie, jeśli wyłączysz Resample Imagei zmienisz rozmiar. Wartość ppi zmienia się, aby odzwierciedlić, jak małe piksele muszą być odtworzone, aby uzyskać wartość pomiaru w calach / cm / mm itp. Należy pamiętać, że w takim przypadku Pixelspola są wyłączone. Nie możesz zmienić tych wartości, dopóki nie spróbujesz ponownie.

Wprowadzono masowe zamieszanie, gdy piksele obrazu zostały zmapowane na kropki ekranowe w przeglądarkach internetowych. Obraz 200 pikseli pokazuje się w przeglądarce jako 200 pikseli. Jak duży jest mierzona za pomocą linijki, zależy od punktów na cal ekranu. Metadane obrazu mogą powiedzieć, że to 200 ppi lub 72 ppi lub 1 ppi, to nadal będzie zajmować dokładnie 200 punktów na ekranie. Świat pozostaje skupiony na „72 ppi dla Internetu”, więc wciąż pojawia się pytanie „jaka jest właściwa rozdzielczość dla obrazów internetowych”, a poprawna odpowiedź „to nie ma znaczenia” jest ciągle dostarczana reklamowo.

Jeśli nadal jesteś ze mną, jest jeszcze jeden krok, który łączy te dwa elementy.

Obraz o szerokości 720 pikseli i szerokości 10 cali fizycznych ma rozdzielczość 72 pikseli na cal. Jeśli wydrukujesz go na drukarce o rozdzielczości 1200 dpi, na papierze będzie 1200 punktów na cal, ale obraz nadal będzie miał 72 piksele na cal . Dlatego to wygląda jak bzdura. Z drugiej strony obraz o szerokości 7200 pikseli wydrukowany przy szerokości 1 cala przekroczy rozdzielczość naszej drukarki o rozdzielczości 1200 dpi. Photoshop (powiedzmy) i sterownik drukarki decydują, które piksele należy wyrzucić, a które wydrukować. Niektóre drukowane kropki zostaną uśrednione między sąsiednimi pikselami obrazu, ale niezależnie od tego niektóre informacje o obrazie muszą zostać wyrzucone. Wyjście wyniesie 1200 dpi, ale rozdzielczość drukowanego obrazu zostanie zmniejszona do maksymalnie 1200 dpi przez oprogramowanie.

Alan Gilbertson
źródło
Hmmm, dobre rzeczy, ale myślę, że wzmianka o „kropkach na cal” dla ekranów jest myląca ...
e100
2
Prawdopodobnie warto również wspomnieć, że każdy piksel na obrazie może mieć dowolny kolor w roboczej przestrzeni kolorów, kropki (szczególnie w druku cyfrowym) są na ogół znacznie bardziej ograniczone. Drukarka o rozdzielczości 1200 dpi może drukować 1200 punktów na cal (zwykle 1200 punktów na cal na kolor), ale każda z tych kropek jest albo włączona / wyłączona, albo dostępna w ograniczonej liczbie rozmiarów (zwykle czterech lub mniej). Oznacza to, że potrzebujesz grupy kropek zebranych razem, aby dokładnie stworzyć wygląd koloru piksela. (kont.)
Stan Rogers,
2
Wydrukowanie obrazu 300ppi (rozdzielczość drukowania) na drukarce 1200dpi oznaczałoby, że istnieje 16 kropek każdego koloru (z małą „głębią” dla każdej kropki) reprezentujących każdy z tych pikseli. Chociaż systemy drukarek / sterowników są całkiem dobre w ditheringu, wciąż jest to dość kiepska gama. Właśnie dlatego drukarki cyfrowe z więcej niż czterema wartościami atramentu (jaśniejsza czerń, jasnobłękitny, jasnopurpurowy i często jeden lub więcej czystych kolorów, które normalnie byłyby mieszane) mogą drukować o wiele lepiej niż czterokolorowe urządzenie wielofunkcyjne o rozdzielczości 1200 dpi - każda z grup kropek użytych do wydrukowania piksela może reprezentować znacznie większy zakres tonów.
Stan Rogers,
@Stan - zachęcam do złożenia tych informacji w odpowiedzi.
e100
Zatem piksel to (kolorowe) kodowanie tego, co powinno być wyświetlane w / na kropce?
samis,
2

Alan całkiem dobrze omówił większość podstaw. Chciałbym również podkreślić nie tylko różnicę między DPI a PPI, ale także związek między PPI a rozdzielczością wyświetlacza (która jest jedynie nieprzetworzoną liczbą pikseli na wyświetlaczu).

Myślę, że wielu pamięta te szalone dni, kiedy musieliśmy przejść z rozdzielczości VGA na SVGA na XGA. To było miłe przez chwilę, gdy większość konsumentów miała monitory o specyfikacji podobnej do 1024px X 768px @ 72 PPI i mieliśmy całkiem bezpieczny cel dla grafiki wyświetlanej.

Ta samozadowolenie jest wciąż widoczne , ale coraz bardziej nierealne. Wielu producentów telefonów komórkowych koncentruje się na zwiększaniu rozdzielczości, podczas gdy fizyczne ekrany zmieniają się nieznacznie, jeśli w ogóle. Rezultatem są PPI, które stają się coraz popularniejsze w małych urządzeniach przenośnych. Daje to wiele możliwości przypadkowego tworzenia grafiki, która po prostu nie jest przydatna (lub, co równie złe, automatycznie skalowane przez systemy operacyjne kosztem tych czystych krawędzi, nad którymi tak ciężko pracowałeś).

Prostym przykładem w świecie rzeczywistym jest iPhone firmy Apple . Pierwsze 3 edycje miały ekran o przekątnej 89 mm i rozdzielczości 320 x 480 pikseli (163 PPI). Następnie wprowadzili wyświetlacz „Retina” (cześć, marketing), który podniósł rozdzielczość do 640px X 480px, ale nadal miał tylko 89 mm wielkości fizycznej (326 PPI!). BlackBerry wykonał podobne ruchy (choć bez rozmachu marketingowego) i wygląda na to, że to samo stanie się również z iPadem.

Innym terminem, który może być również interesujący, jest DIP lub DP . Microsoft określa je mianem „pikseli niezależnych od urządzenia”, a na platformie Android są one „pikselami niezależnymi od gęstości” . Mają nieco inne nazwy, ale są tą samą podstawową koncepcją. Celem jest umożliwienie aplikacjom „rozpoznawania DPI” i skalowania tekstu / obiektów wokół stałych konwencji. Aplikacje obsługujące gęstość rozpoznają PPI wyświetlacza i żądane „DPI”, a następnie odpowiednio skalują tekst i obiekty.

Wracając do naszego stale rosnącego scenariusza PPI, jeśli zaprojektowałeś stronę internetową lub aplikację z czcionką 80px, możesz pomyśleć, że jest to dość duże na ekranie 163 PPI. Twój tekst miałby prawie pół cala wysokości, co jest dość duży na telefonie. Ale wtedy pojawia się kolejna wersja telefonu i nagle twój tekst ma tylko 1/4 cala wysokości przy 326 PPI. Byłoby to szczególnie złe, gdyby część tekstu została przeskalowana w innej jednostce miary i nagle tekst był większy niż nagłówek tekst. (Czasami wciąż przeglądam strony internetowe, które popełniły ten błąd). Jeśli zamiast tego używasz DIP / DP do skalowania, możesz trzymać oba telefony obok siebie, a tekst będzie miał te same wymiary fizyczne (choć być może zauważalnie ostrzejsze w modelu o wyższej rozdzielczości).

W każdym razie, chociaż PPI może być najbardziej mylącym z pomiarów, niezwykle ważne jest zwrócenie na nie uwagi. Jeśli masz opcję projektowania za pomocą jednostek DIP lub DP, powinna ona zająć się pewnymi domysłami i pozwolić ci kierować reklamy na szerszą gamę wyświetlaczy bez zwiększania obciążenia technicznego.

Przepraszam, że ta odpowiedź jest tak skoncentrowana na ekranie, że rzadko grzebię w druku.

Farray
źródło
AFAIK, Microsoft zwykł nazywać DIPy TWIPS. Są one przydatne w przypadkach, gdy ekran jest bardziej rzutnią: wiele aplikacji na smartfonach umożliwia powiększanie, i w tym sensie ekran jest rzutnią mierzoną w jednostkach logicznych. Wyższy ekran PPI pozwala lepiej wyglądać obrazy przy niskim powiększeniu.
horatio
Myślę, że rozdzielczość „wyświetlacza Retina” w iPhonie 4 jest wyższa, 960px x 640px (QHD).
FooF,
2

DPI = ile różnych kropek urządzenie drukujące i renderuje na cal.

PPI = liczba pikseli na cal urządzenia wyświetlającego wideo.

Wiele programów, a mianowicie photoshop, używa DPI dla obu definicji.

AKTUALIZACJA:

e100 każe mi teraz kwestionować moje opinie na ten temat (co jest dobrą rzeczą!) i przy okazji dalszych badań muszę trochę zaktualizować swoją opinię.

HISTORYCZNIE DPI odnosi się do procesu drukowania ... mianowicie, ile dyskretnych kropek drukarka może wytworzyć na papierze. PPI odnosi się do liczby pikseli na cal monitora.

Tak więc jeden dotyczy procesu drukowania na papierze, drugi dotyczy sprzętu wyświetlającego.

Ani też nie dotyczy bezpośrednio „rozdzielczości na cal” twojego obrazu cyfrowego, chociaż oba wydają się mieć korelacje do tego stopnia, że ​​pod wieloma względami są prawie identyczne.

Powiedzmy, że masz drukarkę laserową o rozdzielczości 1200 dpi. Oznacza to, że na każdy cal papieru drukarka może utworzyć 1200 unikalnych kropek.

Teraz ... przejdźmy do kwestii przypisywania ustawienia DPI / PPI do obrazu cyfrowego.

Obraz cyfrowy składa się z pikseli. Dopóki obraz pozostaje cyfrowy, nie ma znaczenia, jaki PPI mu powiesz, ponieważ zawsze będzie renderowany na podstawie całkowitej liczby pikseli. W przypadku isntance obraz 1000px x 1000px domyślnie w przeglądarce internetowej ma szerokość 1000px.

Podczas nadawania obrazowi ustawienia DPI / PPI ma znaczenie podczas drukowania ... tak oprogramowanie oblicza fizyczny rozmiar wyjścia analogowego. Tak więc obraz 1000px x 1000px z ustawieniem DPI 500dpi spowoduje wydrukowanie obrazu am o rozmiarze 2 ".

Tam, gdzie robi się mylące, IIRC, Photoshop historycznie używał „DPI” jako terminu. Choć wygląda na to, że teraz używa terminu „PPI”.

Z tego powodu powiedziałbym, że którykolwiek z tych terminów jest odpowiedni w odniesieniu do meta-informacji o rozdzielczości wyjściowej w oprogramowaniu do edycji grafiki.

Podsumowując, moje definicje to:

DPI = specyfikacja drukarki wyjaśniająca, jak szczegółowy obraz może wydrukować PPI = specyfikacja monitora wyjaśniająca, jak szczegółowy obraz może wyświetlać dla danego rozmiaru fizycznego

Pod względem ustawienia obrazu do drukowania = PPI lub DPI jest odpowiednim terminem. Myślę, że PPI ma większy sens dla osoby zajmującej się tworzeniem pliku cyfrowego. W końcu będziesz potrzebować tak wielu pikseli, aby uzyskać przyzwoitą wydajność. DPI ma większy sens dla osoby drukującej plik cyfrowy, ponieważ jest to termin, który ma sens w świecie biur usług / drukarek.

DA01
źródło
Nadal nie znaleziono, gdzie Photoshop popełnił błąd ...
e100
2
Program Photoshop ma ustawienie DPI, którego używa do próby emulacji określonego PPI podczas wyświetlania obrazu w „rzeczywistym rozmiarze”. Należy również pamiętać, że obrazy tak naprawdę nie mają ustawień PPI na początek. PPI to miara gęstości ekranu, a nie tak naprawdę twojego obrazu. Jeśli chodzi o obraz, piksel jest pikselem.
DA01,
Gdzie dokładnie jest to ustawienie DPI w Photoshopie (nie mam aplikacji pod ręką)?
e100
1
Cóż, to PPI w wersji 5.5 (nie CS 5.5), którą tu otworzyłem, i to ma 13 lat.
e100
3
PPI służy wyłącznie do obliczania wymiarów fizycznych do celów produkcji. Nic się nie zmienia w samym obrazie, tylko jego metadane. Dawno, dawno temu można było powiedzieć Photoshopowi, jaka jest rzeczywista rozdzielczość ekranu w pikselach (kropki ekranu, naprawdę) na cal, tak aby „Rzeczywisty rozmiar” był dokładny. Nie mogę znaleźć tego ustawienia podczas szybkiego wyszukiwania w CS5. Kilka lat temu napisał o tym Scott Kelby, iirc. Będę musiał to sprawdzić.
Alan Gilbertson
2

Zaczynając odpowiadać na moje pytanie, myślę, że jednym z problemów z wyjaśnieniem tego jest to, że tylko części całej historii są istotne w codziennej pracy każdego użytkownika, chyba że obejmiesz całą gamę od projektanta stron internetowych / aplikacji po projektanta druku i prepress ekspert. Prawdopodobnie wrócę do tego i dostroję go dla różnych odbiorców.


Pikseli na cal (ppi) to miara rozdzielczości w dwóch różnych kontekstach.

(a) rozdzielczość obrazu wydrukowanego w określonym rozmiarze fizycznym

To nie jest nieodłączna właściwość pliku obrazu. Piksele nie mają rzeczywistych wymiarów, więc ppi nie ma znaczenia, dopóki obraz nie zostanie wydrukowany lub przynajmniej określony w układzie wydruku wykorzystującym pomiary fizyczne (cale lub mm).

np. 1. W Photoshopie masz kwadratowy obraz o wielkości 1000 pikseli i drukujesz go, aby miał kwadratowy wymiar 3 cali. Rozdzielczość wydruku wynosi 333 ppi.

np. 2. Następnie umieścisz go w układzie InDesign o kwadracie 1,5 cala i PDF. Narzędzia do przygotowania do druku w programie Acrobat mówią, że to 666dpi - po wydrukowaniu.

np. 3. Oglądasz go w przeglądarce internetowej na różnych urządzeniach. Jest to kwadrat o wielkości 1000 pikseli, niezależnie od rozmiaru i rozdzielczości ekranu; wymiary fizyczne różnią się jednak znacznie.

np. 4. Wracasz do Photoshopa i zauważasz, że obraz był cały czas ustawiony na 72ppi i nie miało to żadnego znaczenia dla żadnego z tych przypadków. Zmieniasz go na 144ppi (bez ponownego próbkowania, tzn. Liczba pikseli pozostaje niezmieniona) i okazuje się, że nie ma to znaczenia dla żadnego z przypadków.

np. 5. Po drobnych eksperymentach okazuje się, że ppi robi różnicę, gdy drukujesz z Photoshopa w skali 100%. Zmienia się także wymiary wydruku - są one bezpośrednio (i odwrotnie) powiązane, a oba są tylko metadanymi, które określają sposób drukowania obrazu i można je łatwo zastąpić.

(b) fizyczna rozdzielczość urządzenia wyświetlającego

Wracając do np. 3, obraz wyświetlany w różnych rozmiarach fizycznych, ponieważ ekrany mają stałą sprzętową siatkę pikseli. Zatem PPI w tym przypadku jest nieodłączną własnością sprzętu.

Możesz łatwo zmierzyć PPI ekranu, jeśli znasz jego wymiary w pikselach, po prostu podziel jego wysokość (lub szerokość) w pikselach przez jego wysokość (lub szerokość) mierzoną linijką. Pierwsze komputery Mac miały 72ppi; laptopy mają do 130ppi; obecne smartfony 200ppi +, aż do 330ppi iPhone'a 4.


Kropki na cal (dpi) to fizyczna miara rozdzielczości wyjściowej urządzenia drukującego.

Kropki to pojedyncze plamy atramentu.

(ciąg dalszy nastąpi)

Uwaga: Termin ten jest bardzo często używany w znaczeniu powyżej ppi w obu zmysłach.

Osobiście uważam to za niewłaściwe, jakkolwiek może być zakorzenione, i źródło ciągłego zamieszania.

e100
źródło
Dobry początek! Ostatecznie, pod względem „gęstości danych obrazu” PPI i DPI są wymienne. To, czy nazywamy jednostki danych pikselem czy kropką, jest nieco dyskusyjne i arbitralne. Skłaniam się ku PPI, które jest bardziej aktualnym terminem. Ale nadal nie widzimy żadnej różnicy w definicji w DPI, gdy mówimy o gęstości danych obrazu. Różnice terminologiczne stają się bardziej widoczne, gdy mówimy o sprzęcie: Drukarki vs. Ekrany.
DA01,
0

Nie odpowiem na pytanie, jaka jest różnica między DPI a PPI. Odpowiem bardziej fundamentalnie.

Jaka jest różnica między kropką a pikselem?

Kropka

W tej odpowiedzi pozostawię definicje matematyczne, geometryczne i koncepcyjne. Mam na myśli wyłącznie grafikę.

Kropka to maleńka plama czegoś (kropla atramentu, cząsteczka pyłu) zastosowana na fizycznym nośniku z nadrukiem. Zwykle jest to najmniejsza ilość rzeczy, które możesz mieć na tym medium. Albo masz kropkę, albo jej nie masz.

Piksel

Piksel definiuje różne rzeczy. Tak, prawdopodobnie powinniśmy zadzwonić do niektórych z nich w inny sposób)

I. Mały blok informacji na temat cyfrowego pliku obrazu.

To niewielki blok informacji, a nie kropka. Kropka może być albo tam, albo nie. Przeciwnie, piksel może przechowywać jedną z kilku milionów wartości.

Wyobraź sobie sklep, w którym możesz albo kupić jeden gwóźdź, albo go nie kupić. To jest kropka.

Teraz wyobraź sobie sklep, w którym możesz potencjalnie wybrać spośród kilku milionów produktów. To jest piksel.

Ilość opcji do wyboru w tym sklepie zależy od głębokości sklepu, w tym przypadku od głębokości bitowej. Od tylko on-off do kilku milionów opcji.

Jedna rzecz w pikselu polega na tym, że on tam jest. Ma zdefiniowaną pozycję, co może zmienić jego wartość.

II. Najmniejsza część ekranu, którą można zmienić, aby uzyskać różne odcienie kolorów.

Tak, możemy sprawdzić, ile pikseli tego ekranu mamy na monitorze fizycznym, ale na szczęście dla nas ludzie podają całkowitą liczbę; FullHD, 4K na 50-calowym ekranie.

Ten element należy nazwać inaczej niż „piksel” obrazu cyfrowego.


Zwróć uwagę na jedną rzecz. Kropka może być używana w dziedzinie matematyki, geometrii, malarstwa, grafiki itp. Piksel na pliku cyfrowym, ekranie lub projekcji. Musisz tylko wiedzieć, jaki jest kontekst.

Rafael
źródło
-3

DPI używane do drukowania PPI używane do czegokolwiek na ekranie, np. Do gier lub banerów internetowych ETC.

Jordan Moran
źródło
2
Witam i witam na GD.SE. Jak dokładnie to poprawia istniejące odpowiedzi? Ogólnie rzecz biorąc, staramy się unikać odpowiedzi w jednej linii i wybieramy więcej treści. To nie tak, że nie chcemy cię tutaj, robimy. Ale celem krótkiej wymiany jest stworzenie repozytorium doskonałych odpowiedzi. I szczerze mówiąc, jest trochę krzywej uczenia się ... w każdym razie mile widziane.
joojaa,