Welche DPI sollte für welche Situationen verwendet werden?

Ich habe das Wort „DPI“ ziemlich oft gesehen, wenn ich meine Arbeit in Photoshop und Illustrator exportiert habe. Obwohl ich weiß, dass DPI für „Punkte pro Zoll“ steht und dass bei einem zu niedrigen DPI-Wert auf einem Bild eine starke Pixelierung auftritt, wenn Sie versuchen, hineinzuzoomen, was wäre die optimale DPI für welche Situationen?

Zum Beispiel (Situationen):

  • Exportieren eines gedruckten A4-Designs
  • Website-Layout
  • Logo (nur Website – ungefähr kleiner als das aktuelle SE Graphic Design.)
  • Logo (Skalieren nach oben und unten – von Visitenkarten bis hin zu großen Bannern.)
Ich denke, die anderen Antworten haben es abgedeckt, aber nur um hinzuzufügen, dass Sie technisch über PPI (Pixel pro Zoll) sprechen sollten, wenn Sie über die Vorbereitung von Bildern sprechen. Punkte pro Zoll misst die Auflösung Ihres Druckgeräts und ist nicht dasselbe. Beachten Sie auch, dass dieser Begriff auch dann noch gilt, wenn Metrik für alles andere verwendet wird (OK, und Punkte für Schriftgrößen).
„Ich sehe das Wort ‚DPI‘ ziemlich oft auftauchen, wenn ich meine Arbeit in Photoshop und Illustrator exportiere.“ Wo genau? Kannst du einen Screenshot machen?
Stimmen Sie zu, aber 72 dpi für das Weblayout sind das beste Angebot für die Schriftgröße in pt und px (in Photoshop).

Antworten (11)

Ich habe immer gedacht, DPI sei eine Art Fehlbezeichnung ... Es gilt wirklich nur, wenn Sie ein Bild drucken, ansonsten sind Pixel Pixel. Für ein Bild auf einer Website spielt es wirklich keine Rolle, nehmen Sie einfach so viele wie möglich, um die erforderliche Größe zu erreichen. Drucker variieren etwas, aber etwa 300 DPI sind normalerweise eine gute Faustregel für alles, was etwa die Größe eines Blattes Papier oder kleiner hat.

Bei Logos hoffe ich, dass sie in einem Vektorprogramm entworfen werden, was bedeutet, dass die DPI an die Größe des Objekts angepasst werden kann.

Ich würde es nicht als Fehlbezeichnung betrachten (es sind schließlich die Punkte auf dem Papier), aber Sie haben Recht, dass DPI nur für das Drucken gilt und nicht für die Anzeige auf einem Bildschirm. Ich habe diese Antwort ziemlich ausführlich erklärt. graphicdesign.stackexchange.com/questions/1760/…

Ich habe kürzlich die wunderbaren Fragen und Antworten von jrista von photo.stackexchange gelesen .

Während die Frage mit dem Titel "Wie erzeuge ich hochwertige Drucke mit einem Tintenstrahldrucker?" Es deckt die DPI- und PPI-Beziehungen in erheblichem Umfang ab und enthält Druckbeispiele aus der Praxis.

Aktuelle Q&A-Inhalte:

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

Ja, es gibt eine Zahl, die Anwendungen verwenden, um zu entscheiden, wie viele Pixel zum Rendern von in Punkten angegebenen Schriftarten verwendet werden sollen, aber dies hat keine Relevanz für Bilder, außer:

  • Wenn Ihr Photoshop-Dokument 72 ppi 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. Das mag etwas bequemer sein, aber es macht wirklich keinen Sinn, Punkte in pixelbasierten Bildern zu verwenden. Es ist, als würde man versuchen, ein Webbanner mit genau 1,5 cm x 10 cm oder eine Webseite mit einem Durchmesser von genau 12 Zoll zu erstellen.

Die einzige andere Situation, die mir einfällt, wo 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 den PPI des Bildes auf den des Bildschirms einstellen.

    Angesichts der Tatsache, dass die Bildschirmauflösung stark variiert, ist dies bestenfalls eine Annäherung für eine bestimmte Geräteklasse, und auf modernen Displays beträgt sie wahrscheinlich 100 PPI oder mehr (viel höher auf dem iPhone 4). Aber wenn Sie für ein einzelnes Gerät entwerfen, kann es nützlich sein.

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

In Bezug auf Retina-iPhones und Retina-iPads (und wahrscheinlich Retina-Macs): Apple definiert einen Punkt als zwei Pixel, daher spielen Punkte eine Rolle, aber nicht so, wie @JFW wahrscheinlich fragt. Ich stimme allem zu, was Sie gesagt haben. Wenn Sie Ihr Leben einfacher machen möchten, sollten Web- und App-PSDs 72 PPI haben, aber das spielt meistens keine Rolle.

Für ein Foto, das auf einer Offsetdruckmaschine gedruckt wird, lautet die Faustregel, dass die Auflösung des Fotos das Doppelte des Punktabstands des Halbtonrasters sein soll. Wenn Sie beispielsweise einen 150-lpi-Bildschirm haben, sollte Ihr Bild in seiner endgültigen Größe mindestens 300 dpi haben.

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

Für das Website-Design sollten Sie das Logo als Strichzeichnung in einem Vektorgrafikformat wie SVG oder EPS haben. 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 sampeln Sie die resultierende Datei wieder auf die richtige Größe. Dadurch erhalten Sie ein Anti-Aliasing-Logo, das in den Hintergrund eingefügt wird.

Das klingt vielversprechend, ich wünschte, es würde klarer erklärt, was mit "die beiden zusammenführen" und "die resultierende Datei wieder auf die Größe heruntersampeln" gemeint ist.
Mit „Die beiden zusammenführen“ 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 im Beitrag). Verkleinern Sie es jetzt wieder auf 100 %, indem Sie Resampling verwenden, um die Kanten des Logos zu antialiasieren.

Versuchen Sie zunächst, Vektoren zu verwenden, wenn Sie können (insbesondere für den Druck). Vektoren haben "unendliche" 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. Beim Druck sind das oft 300 DPI, manchmal aber auch mehr.

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

Verwechselt DPI und PPI.

Die Frage ist berechtigt, aber viel zu vage, um sie spezifisch zu beantworten. Im Allgemeinen hängt die Auflösung Ihres Bildes ab von:

  • die Art des Bildes
  • die Größe des letzten Stücks
  • die verwendete Drucktechnologie
  • worauf gedruckt wird
  • usw.

Die einzige spezifische Antwort sind 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 müssen Sie sich mit Dingen wie der Art des Drucks befassen (Siebdruck hätte beispielsweise eine geringere Auflösung als Offset-Lithographie), der Art des Substrats (das Drucken auf Tonpapier würde normalerweise ein viel höheres DPI-Bild verwenden als das Drucken darauf Zeitungspapier würde), die Art des Bildes (Bilder, die mit einem Linienraster gedruckt werden [wie Fotos], müssen keine so hohe Auflösung haben wie Strichzeichnungen), die Größe des endgültigen Stücks (eine Werbetafel nicht dieselbe Auflösung wie eine Hochglanzbroschüre benötigen) usw.

Im Allgemeinen werden Fotos normalerweise auf 300 DPI eingestellt. Strichzeichnungen irgendwo zwischen 600 und 1200 DPI. Großformatdruck hat typischerweise 100 DPI oder so ungefähr.

Beachten Sie, dass die Begriffe dpi und ppi manchmal synonym verwendet werden. TECHNISCH gesehen sollten wir normalerweise PPI verwenden, wenn es um Bildauflösungen zum Drucken geht, aber DPI ist auch ein seit langem verwendeter Begriff. Suchen Sie auf dieser Website nach DPI und PPI, um viele Diskussionen zu diesem Thema zu sehen.

Für den Druck von Fotos sollten 300 dpi ausreichen. Für Schrift oder andere typografische Dinge sind 600 dpi der richtige Weg.

Im Web spielt es keine Rolle, 72 dpi sind dort in Ordnung.

Verwechselt DPI und PPI.

Als ich bei einem Verlag arbeitete, war die Regel mindestens 600 dpi für Druckzwecke und 72 dpi für Bilder, die für die Veröffentlichung im Internet formatiert wurden.

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

Normalerweise verwende 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 Druck in kleiner Qualität (Demos für zukünftige Drucke, Website usw. für Kunden)
  • 300 DPI (bis 450) für Druck in guter Qualität ohne hohe Auflösung.

Wie bereits erwähnt, sind Vektorbilder durchaus nützlich. Erstens, da einige professionelle Drucker beliebige Abmessungen daraus zu Papier bringen können. Außerdem können Sie sie aus derselben Quelle von 72 DPI für das Web auf 300 für den Druck exportieren.

"72 DPI für alles für den Bildschirm ... Auf diese Weise wird die gedruckte Version dieses Bildes beschissen oder klein sein." Sie meinen in dem Szenario, in dem der Kunde nur ein gedrucktes Vorschauexemplar erhält, nicht die Datei selbst?
Verwechselt DPI und PPI.

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

Vektorgrafiken haben eine unbegrenzte Auflösung, daher eignen sie sich besser zum Skalieren von Logos.

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

Aber im Web liegt die Auflösung normalerweise bei etwa 72 dpi. Wenn ich jedoch eine bessere Qualität für ein Logo auf einer Website haben möchte, ist das eine Frage des Dateiformats. Ich verwende png-24, was eine bessere Qualität für ein Logo ergibt, JPEG für jedes Foto.

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

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 einfach mit den erforderlichen Pixelabmessungen. Die Werte, von denen Sie sprechen, haben damit zu tun, wie viele Pixel verwendet werden, um Schriftarten zu rendern, die in Punkten angegeben sind.