Welche DPI sollte für welche Situationen verwendet werden?


30

Beim Exportieren meiner Arbeit in Photoshop und Illustrator ist das Wort "DPI" häufig aufgetaucht. Obwohl ich weiß, dass DPI für "Punkte pro Zoll" steht und dass, wenn Sie zu wenig DPI auf einem Bild haben, eine starke Pixelung auftritt, wenn Sie versuchen, hineinzuzoomen. Was wäre die optimale DPI für welche Situationen?

Zum Beispiel (Situationen):

  • Exportieren eines A4-Druckdesigns
  • Website-Layout
  • Logo (Nur Website - Etwa kleiner als das aktuelle SE Graphic Design.)
  • Logo (Hoch und runter skalieren - Von Visitenkarten bis zu großen Bannern.)

4
Ich denke, die anderen Antworten haben es abgedeckt, aber um das technisch hinzuzufügen, sollten Sie über PPI (Pixel pro Zoll) sprechen, wenn Sie über das Vorbereiten von Bildern sprechen. Punkte pro Zoll messen die Auflösung Ihres Druckgeräts und sind nicht dasselbe. Beachten Sie auch, dass dieser Begriff auch dann noch verwendet wird, wenn für alles andere Metriken verwendet werden (OK und Punkte für Schriftgrößen).
e100

"Beim Exportieren meiner Arbeit in Photoshop und Illustrator ist das Wort" DPI "häufig aufgetaucht." Wo genau? Können Sie einen Screenshot geben?
e100

Stimmen Sie zu, aber 72 dpi für das Weblayout ist das beste Angebot für die Schriftgröße in pt und px (in Photoshop).
Benoît

Antworten:


19

Ich habe immer gedacht, DPI sei eine Art Fehlbezeichnung ... Dies gilt eigentlich nur, wenn Sie ein Bild drucken, ansonsten sind Pixel Pixel. Für ein Bild auf einer Site ist es eigentlich egal, nur so viele wie möglich zu bekommen, um die erforderliche Größe zu erreichen. Die Drucker variieren etwas, aber bei einer Auflösung von etwa 300 DPI ist dies normalerweise eine gute Faustregel.

Für Logos würde ich hoffen, dass sie in einem Vektorprogramm erstellt werden, was bedeutet, dass die DPI an jede Größe des Objekts angepasst werden kann.


1
Ich würde es nicht als falsch bezeichnen (es sind die Punkte auf dem Papier), aber Sie haben Recht, dass DPI nur für das Drucken gilt und nicht auf einem Bildschirm angezeigt wird. Ich habe eine ziemlich gründliche Erklärung zu dieser Antwort gegeben. Graphicdesign.stackexchange.com/questions/1760/…
jhocking


5

Speziell auf PPI für Web- oder andere Bildschirmbilder: 72PPI (oder 75 oder 96) ist ein Mythos.

Ja, es gibt eine Zahl, anhand derer Anwendungen entscheiden, wie viele Pixel zum Rendern von in Punkten angegebenen Schriftarten verwendet werden sollen. Dies hat jedoch keine Relevanz für Bilder, außer:

  • Wenn Ihr Photoshop-Dokument 72ppi hat, spielt es keine Rolle, ob Ihre Schrifteinheiten auf Punkte oder Pixel eingestellt sind, da sie für jeden numerischen Wert das gleiche Ergebnis liefern. Dies mag etwas praktischer sein, aber es ist wirklich nicht sinnvoll, Punkte in pixelbasierten Bildern zu verwenden. Es ist so, als würde man versuchen, ein Web-Banner mit einer Größe von genau 1,5 x 10 cm oder eine Webseite mit einer Größe von genau 12 Zoll zu erstellen.

Die einzige andere Situation, in der PPI relevant ist, ist:

  • Wenn Sie ein Bildschirmlayout in derselben Größe drucken möchten, wird es auf einem bestimmten Bildschirm angezeigt. In diesem Fall würden Sie die PPI des Bildes auf die des Bildschirms einstellen.

    Da die Bildschirmauflösung stark variiert, handelt es sich bestenfalls um eine Näherung für eine bestimmte Geräteklasse, und auf modernen Bildschirmen liegt sie wahrscheinlich bei 100PPI oder höher (viel höher auf dem iPhone 4). Wenn Sie jedoch für ein einzelnes Gerät entwerfen, kann dies hilfreich sein.

(Ich glaube, ich bin auf ein anderes Beispiel gestoßen, bei dem Bilder mit 100 dpi erstellt werden mussten, wenn MS Word zum Layouten von HTML-E-Mails verwendet wurde, aber ich möchte nicht noch einmal darauf eingehen.)


1
In Bezug auf Retina-iPhones und Retina-iPads (und wahrscheinlich Retina-Macs): Apple definiert einen Punkt als zwei Pixel, also sind Punkte wichtig, aber nicht so, wie @JFW es wahrscheinlich verlangt. Ich stimme mit allem überein, was du gesagt hast. Wenn Sie Ihr Leben leichter machen möchten, sollten Web- und App-PSDs 72PPI haben, aber meistens spielt es keine Rolle.
Marc Edwards

3

Für ein Foto, das auf einer Offsetdruckmaschine gedruckt wird, gilt die Faustregel, dass die Auflösung des Fotos dem doppelten Punktabstand des Halbtonbildschirms entsprechen soll. Wenn Sie zum Beispiel einen 150-lpi-Bildschirm haben, sollte Ihr Bild mindestens 300 dpi in seiner endgültigen Größe haben.

Die meisten modernen LCD-Monitore haben eine physikalische Auflösung von etwa 100 dpi.

Für das Website-Design sollte das Logo als Strichgrafik in einem Vektorgrafikformat wie SVG oder EPS vorliegen. Rendern Sie es dann mit etwa der 4-fachen Größe (dh Anzahl der Pixel), die Sie tatsächlich möchten, und vergrößern Sie den Hintergrund auf die 4-fache Größe. Führen Sie die beiden zusammen und nehmen Sie das Resample der resultierenden Datei erneut auf die Größe vor. Dadurch erhalten Sie ein Anti-Alias-Logo, das in den Hintergrund eingefügt wird.


Das hört sich vielversprechend an, ich wünschte, es wäre klarer erklärt, was unter "Zusammenführen der beiden" und "Erneutes Abtasten der resultierenden Datei auf die Größe" zu verstehen ist.
Kzqai

Mit 'Zusammenführen der beiden' meine ich, dass Sie Photoshop oder einen anderen Bildeditor verwenden, um das Logo in den Hintergrund einzufügen. Das Bild, das Sie haben, ist bei 400% (gemäß den Anweisungen in der Buchung). Verkleinern Sie es jetzt wieder auf 100%, indem Sie die Kanten des Logos neu abtasten, um ein Anti-Aliasing zu erzielen.
ConcernedOfTunbridgeWells

2

Versuchen Sie zunächst, möglichst viele Vektoren zu verwenden (insbesondere für den Druck). Vektoren haben 'unendlich' DPI.

Wenn Sie Bitmap-Bilder in Ihrem Design verwenden, versuchen Sie, die ursprüngliche DPI und Auflösung beizubehalten. Sie können das fertige Produkt jederzeit in die gewünschte DPI exportieren. Für den Druck sind dies oft 300 DPI, manchmal aber auch mehr.

Wenn Sie für eine Webseite exportieren, müssen Sie wissen, wie groß das Ergebnis in Pixel (die Auflösung) sein muss. In Illustrator können Sie die DPI festlegen, wodurch sich die Auflösung des exportierten Bildes ändert.


Verwechselt DPI und PPI.
e100

1

Die Frage ist gültig, aber viel zu vage, um mit irgendeiner Konkretisierung beantwortet zu werden. Im Allgemeinen hängt die Auflösung, die Sie für Ihr Bild benötigen, ab von:

  • die Art des Bildes
  • die Größe des letzten Stücks
  • die Art der Drucktechnologie verwendet
  • was es gedruckt wird
  • etc.

Die eine Antwort lautet: Webgrafiken: Es gibt kein DPI-Konzept für Bilder, die auf einem Bildschirm angezeigt werden. Sie müssen sich nur mit Pixelabmessungen befassen.

Beim Drucken muss man sich mit Dingen wie der Art des Drucks befassen (Siebdruck wäre beispielsweise eine geringere Auflösung als Offset-Lithographie), der Art des Substrats (Drucken auf tonbeschichtetem Papier würde typischerweise ein viel höheres DPI-Bild als Drucken auf verwenden) Zeitungspapier), die Art des Bildes (Bilder, die mit einem Strichgitter gedruckt wurden [wie Fotos], müssen nicht so hoch aufgelöst sein wie Strichgrafiken), die Größe des endgültigen Stücks (eine Werbetafel nicht) benötigen die gleiche Auflösung wie eine Hochglanzbroschüre) usw.

BREITER gesagt, werden Fotos normalerweise auf 300 dpi eingestellt. Strichzeichnungen zwischen 600 und 1200 dpi. Großformatdruck beträgt in der Regel 100 dpi oder etwa 100 dpi.

Beachten Sie, dass die Begriffe dpi und ppi manchmal synonym verwendet werden. TECHNISCH gesehen sollten wir in der Regel PPI verwenden, wenn es um Bildauflösungen für den Druck geht, aber DPI wird auch schon seit langem verwendet. Suchen Sie auf dieser Website nach DPI und PPI, um viele Diskussionen zu diesem Thema zu sehen.


-1

Normalerweise benutze ich das:

  • 72 DPI für alles für den Bildschirm (manchmal auch 75 DPI). Auf diese Weise wird die gedruckte Version dieses Bildes beschissen oder klein. Nützlich, wenn Sie Ihre Bilder schützen möchten .
  • 150 DPI für Ausdrucke in geringer Qualität (Demoversionen für zukünftige Ausdrucke, Websites usw. für Kunden)
  • 300 DPI (bis 450) für einen Druck in guter Qualität ohne hohe Auflösung.

Wie bereits erwähnt, sind Vektorbilder sehr nützlich. Erstens, da einige professionelle Drucker beliebige Abmessungen von diesem bis hin zu Papier herstellen können. Sie können sie auch von 72 DPI für das Web auf 300 DPI exportieren, um sie aus derselben Quelle zu drucken.


"72 DPI für alles für den Bildschirm ... Auf diese Weise wird die gedruckte Version dieses Bildes beschissen oder klein." Sie meinen in dem Szenario, in dem der Client nur eine gedruckte Vorschau-Kopie erhält, nicht die Datei selbst?
e100

Verwechselt DPI und PPI.
e100

-1

Zum Drucken von Fotos sollten 300 dpi ausreichen. Für Typografie oder andere typografische Dinge sind 600 dpi der richtige Weg.

Im Web ist das eigentlich egal, 72dpi sind dort in Ordnung.


1
Verwechselt DPI und PPI.
e100

-2

300 dpi ist der Standard für Druckprojekte (insbesondere für den Offsetdruck).

Vektorgrafiken haben eine unbegrenzte Auflösung, daher ist es besser, Logos zu skalieren.

150 dpi werden normalerweise für besonders große Druckprojekte verwendet.

Im Web beträgt die Auflösung normalerweise etwa 72 dpi. Wenn ich jedoch eine bessere Qualität für ein Logo auf einer Website möchte, ist dies eine Frage des Dateiformats. Ich benutze PNG-24, um die Qualität eines Logos zu verbessern, JPEG für jedes Foto.


Verwirrt DPI und PPI; Es gibt keinen guten Grund, Webbilder mit einem bestimmten DPI-Wert zu erstellen. Sie erstellen das Bild nur mit den erforderlichen Pixelabmessungen.
e100

-3

Als ich bei einem Verlag arbeitete, war die Regel mindestens 600 dpi für Druckzwecke und 72 dpi für Bilder, die für das Web formatiert wurden.


2
Es gibt keinen guten Grund, Webbilder mit einem bestimmten DPI-Wert zu erstellen. Sie erstellen das Bild nur mit den erforderlichen Pixelabmessungen.
e100

-5

96 DPI / PPI für Web / Bildschirm. Apple verwendet 72, aber Microsoft verwendet 96, die meisten Leute wissen das nicht ...


Es gibt keinen guten Grund, Webbilder mit einem bestimmten DPI-Wert zu erstellen. Sie erstellen das Bild nur mit den erforderlichen Pixelabmessungen. Die Werte, über die Sie sprechen, hängen davon ab, wie viele Pixel zum Rendern von in Punkten angegebenen Schriftarten verwendet werden.
e100
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.