Jakie DPI należy zastosować w jakich sytuacjach?


30

Kiedy eksportuję swoje prace w Photoshopie i Illustratorze, często pojawia się słowo „DPI”. Chociaż wiem, że DPI oznacza „kropki na cal” i że jeśli na obrazie jest zbyt niski DPI, przy próbie powiększenia występuje ciężka pikselacja, jaki byłby optymalny DPI dla jakich sytuacji?

Na przykład (sytuacje):

  • Eksportowanie wydruku w formacie A4
  • Układ strony
  • Logo (tylko strona internetowa - mniej więcej niż obecne SE Graphic Design.)
  • Logo (skalowanie w górę iw dół - od wizytówek po duże banery).

4
Myślę, że inne odpowiedzi obejmują to, ale żeby dodać, że technicznie powinieneś mówić o PPI (pikselach na cal), kiedy mówisz o przygotowaniu obrazów. Kropki na cal mierzą rozdzielczość twojego urządzenia drukującego i to nie to samo. Należy również zauważyć, że ten termin nadal występuje, nawet jeśli metryka jest używana do wszystkiego innego (OK, i punkty za rozmiary typów).
e100

„Często wyskakuje mi słowo„ DPI ”, gdy eksportuję swoje prace w Photoshopie i Illustratorze.” Gdzie dokładnie? Czy możesz podać zrzut ekranu?
e100

Zgadzam się, ale 72 dpi dla układu internetowego to najlepsza oferta dla rozmiaru czcionki w pt i px (w Photoshopie).
benoît

Odpowiedzi:


19

Zawsze myślałem, że DPI jest trochę błędne ... To naprawdę ma zastosowanie tylko wtedy, gdy drukujesz obraz, w przeciwnym razie piksele są pikselami. W przypadku obrazu w witrynie to naprawdę nie ma znaczenia, wystarczy uzyskać jak najwięcej, aby dopasować do wymaganego rozmiaru. Drukarki różnią się nieco, ale około 300 DPI jest zwykle dobrą zasadą dla wszystkich rozmiarów papieru lub mniejszych.

W przypadku Logos mam nadzieję, że są one projektowane w programie wektorowym, co oznacza, że ​​DPI można dopasować do dowolnej wielkości obiektu.


1
Nie uważałbym tego za niewłaściwe (w końcu są to kropki na papierze), ale masz rację, że DPI ma zastosowanie tylko do drukowania, a nie wyświetla się na ekranie. Zrobiłem dość dokładnego wyjaśnienia dotyczące tej odpowiedzi graphicdesign.stackexchange.com/questions/1760/...
jhocking


5

Szczególnie w przypadku PPI dla stron internetowych lub innych obrazów na ekranie: 72PPI (lub 75 lub 96) to mit.

Tak, istnieje liczba, której aplikacje używają do określenia liczby pikseli używanych do renderowania czcionek określonych w punktach, ale nie ma to żadnego związku z obrazami, z wyjątkiem:

  • jeśli twój dokument Photoshopa ma 72ppi, nie ma znaczenia, czy jednostki czcionek są ustawione na punkty lub piksele, ponieważ dają taki sam wynik dla dowolnej wartości liczbowej. Może to być nieco wygodniejsze, ale naprawdę nie ma sensu używać punktów na obrazach opartych na pikselach. To jak próba zrobienia banera internetowego o wymiarach dokładnie 1,5 cm x 10 cm lub strony internetowej o wymiarach dokładnie 12 cali.

Jedyną inną sytuacją, o której mogę pomyśleć o znaczeniu PPI, jest:

  • gdzie chcesz wydrukować układ ekranu w tym samym rozmiarze, pojawi się na danym ekranie. W takim przypadku tak, ustawiłeś PPI obrazu na ekran.

    Biorąc pod uwagę, że rozdzielczość wyświetlacza jest bardzo zróżnicowana, będzie to w najlepszym razie przybliżenie tylko dla danej klasy urządzenia, a na nowoczesnych wyświetlaczach prawdopodobnie będzie to 100PPI lub więcej (znacznie wyższa na iPhone 4). Ale jeśli projektujesz dla jednego urządzenia, może to być przydatne.

(Wydaje mi się, że natknąłem się na jeszcze jeden przykład, w którym obrazy musiały być przygotowane w rozdzielczości 100dpi przy użyciu MS Word do układania wiadomości e-mail w formacie HTML, ale tak naprawdę nie chcę wchodzić w to ponownie).


1
Odnośnie iPhone'ów Retina i iPadów Retina (i prawdopodobnie Retina Mac): Apple definiuje jeden punkt jako dwa piksele, więc punkty mają znaczenie, ale nie w sposób, w jaki prawdopodobnie pyta @JFW. Zgadzam się ze wszystkim, co powiedziałeś. Jeśli chcesz ułatwić sobie życie, PSD dla sieci i aplikacji powinny mieć 72PPI, ale w większości nie ma to znaczenia.
Marc Edwards,

3

W przypadku zdjęcia drukowanego na maszynie offsetowej obowiązuje zasada, że ​​rozdzielczość zdjęcia powinna być dwa razy większa niż kropka rastra na ekranie półtonów. Na przykład, jeśli masz ekran 150 lpi, twój obraz powinien mieć co najmniej 300 dpi w swoim ostatecznym rozmiarze.

Większość współczesnych monitorów LCD ma około 100 dpi rozdzielczości fizycznej.

W przypadku projektowania stron internetowych logo powinno być grafiką liniową w formacie grafiki wektorowej, takiej jak SVG lub EPS. Następnie wyrenderuj go w rozmiarze około 4x (tj. Liczbie pikseli), którego naprawdę chcesz, i powiększ jego tło do 4x. Połącz oba i ponownie próbkuj wynikowy plik z powrotem do rozmiaru. To da ci wygładzone logo połączone z jego tłem.


Brzmi obiecująco, chciałbym, aby wyjaśniono, co należy rozumieć przez „scalenie dwóch” i „ponowne próbkowanie wynikowego pliku z powrotem do rozmiaru”.
Kzqai,

Przez „Scal dwa” mam na myśli użycie Photoshopa lub innego edytora obrazów do wklejenia logo w tle. Obraz, który masz, to 400% (zgodnie z instrukcjami w poście). Teraz zmniejsz go z powrotem do 100%, stosując ponowne próbkowanie, aby wygładzić krawędzie logo.
ConcernedOfTunbridgeWells

2

Po pierwsze, spróbuj użyć wektorów, kiedy możesz (szczególnie do drukowania). Wektory mają „nieskończone” DPI.

Podczas korzystania z obrazów bitmapowych w projekcie staraj się zachować oryginalne DPI i rozdzielczość. Zawsze możesz wyeksportować gotowy produkt do pożądanego DPI. W przypadku druku jest to często 300 DPI, ale czasem więcej.

Podczas eksportowania strony internetowej musisz wiedzieć, jak duży musi być wynik, w pikselach (rozdzielczość). W programie Illustrator możesz określić DPI, co spowoduje zmianę rozdzielczości eksportowanego obrazu.


Myli DPI i PPI.
e100

1

Pytanie jest prawidłowe, ale zdecydowanie zbyt niejasne, aby można było na nie odpowiedzieć w jakikolwiek sposób. Ogólnie rzecz biorąc, rozdzielczość, jaką ma być twój obraz, zależy od:

  • rodzaj obrazu
  • wielkość końcowego kawałka
  • rodzaj zastosowanej technologii drukowania
  • na czym jest drukowany
  • itp.

Jedyną konkretną odpowiedzią jest grafika internetowa: nie ma pojęcia DPI dla obrazów, które będą na ekranie. Musisz tylko radzić sobie z wymiarami w pikselach.

Podczas drukowania należy poradzić sobie z takimi rodzajami druku (sitodruk byłby na przykład niższą rozdzielczością niż litografia offsetowa), rodzajem podłoża (drukowanie na papierze powlekanym glinką zwykle wymaga znacznie wyższego DPI niż drukowanie na papier gazetowy), rodzaj obrazu (obrazy drukowane za pomocą ekranu liniowego [takie jak zdjęcia] nie muszą mieć tak wysokiej rozdzielczości, jakiej potrzebowałaby grafika liniowa), rozmiar końcowego elementu (billboard nie potrzebujesz takiej samej rozdzielczości jak błyszcząca broszura) itp.

SZEROKO mówiąc, zdjęcia są zazwyczaj ustawione na 300 DPI. Grafika liniowa gdzieś pomiędzy 600 a 1200 DPI. Druk wielkoformatowy to zwykle 100 DPI lub więcej.

Zwróć uwagę, że terminy dpi i ppi są czasami używane zamiennie. TECHNICZNIE zwykle powinniśmy używać PPI, jeśli chodzi o rozdzielczości obrazu do drukowania, ale DPI był również używany od dawna. Wyszukaj DPI i PPI na tej stronie, aby zobaczyć wiele dyskusji na ten temat.


-1

Zwykle używam tego:

  • 72 DPI na wszystko dla ekranu (czasami także 75 DPI). W ten sposób wydrukowana wersja tego obrazu będzie gówniana lub niewielka. Przydatne, jeśli chcesz chronić swoje zdjęcia.
  • 150 DPI dla druku małej jakości (wersje demonstracyjne dla przyszłych wydruków, strony internetowej itp. Dla klientów)
  • 300 DPI (do 450) dla uzyskania dobrej jakości wydruku bez wysokiej rozdzielczości.

Jak już wspomniano, obrazy wektorowe są dość przydatne. Po pierwsze, ponieważ niektóre profesjonalne drukarki mogą wytwarzać dowolne wymiary z tego na papier. Można także wyeksportować je z 72 DPI dla Internetu do 300 dla drukowania z tego samego źródła.


„72 DPI dla wszystkiego na ekranie ... W ten sposób wydrukowana wersja tego obrazu będzie gówniana lub niewielka”. Masz na myśli scenariusz, w którym klient otrzymuje tylko wydrukowaną kopię podglądu, a nie sam plik?
e100

Myli DPI i PPI.
e100

-1

Do drukowania zdjęć powinno wystarczyć 300 dpi. W przypadku czcionek typograficznych i innych typograficznych najlepszym rozwiązaniem jest 600 dpi.

To naprawdę nie ma znaczenia w Internecie, 72dpi jest w porządku.


1
Myli DPI i PPI.
e100

-2

300 dpi jest standardem dla projektów drukowanych (szczególnie w przypadku druku offsetowego).

Obrazy wektorowe mają nieograniczoną rozdzielczość, więc lepiej skalować logo.

150 dpi jest zwykle stosowane w przypadku bardzo dużych drukowanych projektów.

Ale jeśli chodzi o sieć, rozdzielczość wynosi zwykle około 72 dpi. Jednak gdy chcę lepszej jakości logo na stronie internetowej, zależy to od formatu pliku. Używam png-24, który daje lepszą jakość logo, JPEG dla każdego zdjęcia.


Myli DPI i PPI; nie ma żadnego powodu, aby tworzyć obrazy internetowe w dowolnym DPI - wystarczy utworzyć obraz w wymaganych wymiarach w pikselach.
e100

-3

Kiedy pracowałem u wydawcy, reguła wynosiła co najmniej 600 dpi na potrzeby drukowania i 72 dpi na obrazy formatowane w celu umieszczenia w Internecie.


2
Nie ma żadnego powodu, aby tworzyć obrazy internetowe przy dowolnym DPI - wystarczy utworzyć obraz o wymaganych wymiarach w pikselach.
e100

-5

96 DPI / PPI dla sieci / ekranu. Apple używa 72, ale Microsoft używa 96, większość ludzi nie wie o tym ...


Nie ma żadnego powodu, aby tworzyć obrazy internetowe przy dowolnym DPI - wystarczy utworzyć obraz o wymaganych wymiarach w pikselach. Wartości, o których mówisz, dotyczą liczby pikseli używanych do renderowania czcionek określonych w punktach.
e100
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.