Illustrator-EPS-Datei in PNG-Weblogo - Druckqualität

Mir wurde ein typografisches Logo im EPS-Format zur Verfügung gestellt und ich erstelle damit ein PNG (Datei | Für Web und Geräte speichern), das auf einer Website verwendet werden soll. Eine der Seiten auf der Website ist eine "druckfreundliche" Ansicht von Daten und verwendet dieses Logo. Das Problem, auf das ich stoße, ist, dass dieses Logo schrecklich aussieht, wenn es von der Website gedruckt wird.

Ich habe alles versucht, was ich mir vorstellen kann, damit das Logo gut aussieht, wenn es von der Website gedruckt wird, aber ich kann es nicht gut drucken lassen. Ist dies nur eine Einschränkung beim Drucken über einen Webbrowser oder fehlt mir etwas, wenn ich in ein PNG-Format exportiere? Hier sind ein paar Anmerkungen:

  • Ich ändere die Größe des Bildes während des Exports oder auf der eigentlichen Webseite überhaupt nicht.
  • Wenn ich das Logo direkt aus Illustrator drucke, kommt es großartig heraus. Nur beim Drucken von der eigentlichen Webseite sieht es schrecklich aus (verpixelt usw.).
  • Ich habe „Alles auswählen“ durchgeführt und „An Pixelraster ausrichten“ im Bedienfeld „Ausrichten“ aktiviert (ich verwende CS5).
  • Das Logo sieht toll aus, wenn es auf dem Bildschirm gerendert wird – sehr scharf.
  • Die DPI ist auf dem Logo auf 300 eingestellt.

Jede Hilfe wäre sehr willkommen.

Grüße,

Craig

"Ist dies nur eine Einschränkung beim Drucken über einen Webbrowser" = ja. Sie könnten es jedoch zu einer SVG-Datei machen. Das kann funktionieren.

Antworten (1)

Die kurze Antwort lautet, dass das PNG ein Rasterbild mit niedriger Auflösung ist.

Die lange Antwort ist, dass es auf dem Bildschirm gut aussieht, weil es mit 1 Pixel pro Pixel gerendert wird, aber wenn Sie versuchen, es zu drucken, wird die gedruckte Version tatsächlich vergrößert. Gedruckte Farbbilder sehen bei 300 dpi gut aus. Sie geben die Pixelabmessung des PNG nicht an, aber wenn Ihr Logo auf Ihrem Bildschirm 300 Pixel breit ist, erhalten Sie ein 1 Zoll breites Logo bei 300 dpi (oder kleiner bei Laserdruckern mit 1200 dpi). Alles, was größer ist, und der Browser skaliert es, wahrscheinlich mit einem schnellen Stretchalgorithmus (niedriger Qualität).

Druckerfunktionen werden weiter damit herumspielen (z. B. Dithering von Schwarzweiß-Laserdruckertreibern).

Beachten Sie, dass "300dpi PNG" mehr oder weniger bedeutungslos ist. Rasterbilder haben eine feste Punktgröße (Pixel) (denken Sie an Millimeterpapier). EPS-(Vektor-)Bilder haben im Wesentlichen eine unendliche Auflösung, da sie als Punkte und Kurven gespeichert werden, die zum Zeitpunkt der Ausgabe berechnet werden.

(siehe: http://en.wikipedia.org/wiki/Raster_graphics und http://en.wikipedia.org/wiki/Vector_graphics )

Danke für die Auskunft. Ich bin mit dem Unterschied zwischen Vektor und Raster einigermaßen vertraut, habe mich aber nicht viel mit dieser Art von Problem befasst. Können Sie empfehlen, wie Sie dies am besten abmildern können? Wäre es besser, die Seite tatsächlich im PDF-Format zu rendern, um sicherzustellen, dass das Logo als Vektorbild gerendert wird?
Es ist möglich - ich habe es nie implementiert, also fragen Sie nicht ;) - CSS-Stile zu verwenden, um ein Bild für den Druck auszutauschen oder zu verbergen. Sie können dies prüfen, wenn das Drucken des Logos kritisch ist. Sie können auf eine Version mit höherer Pixelgröße verlinken, die der Browser für den Druck und die Druckvorschau verwenden kann ... fragen Sie bei der Webmaster Stackexchange Group nach
Das Verlinken zu einem Bild mit höherer Auflösung wird gegen den Datenplan des Webhosts angerechnet, und ich bin sicher, dass die IT-Abteilung etwas dazu sagen wird. Ich würde empfehlen, mit der PDF-Route zu gehen, anstatt neu zu verknüpfen, wenn die Bildqualität wirklich ein Problem ist. Gleichzeitig würde ich auch prüfen, ob sich dieses Thema wirklich lohnt. Der Verlag, für den ich arbeite, druckt die ganze Zeit Screenshots und weiß, dass die Qualität schlecht sein wird. Manche Details sind es einfach nicht wert, ins Schwitzen zu kommen.
EPS-Dateien können Vektor- oder Rasterdateien sein. Es ist ein Wrapper-Dateiformat. DPI hat nichts mit Webgrafiken zu tun. Der Browser ignoriert alle DPI-Einstellungen. PNG-Dateien KÖNNEN DPI-Einstellungen haben, aber das wäre nicht auf Webgrafiken anwendbar. Sie könnten versuchen, ein größeres Bild zu verwenden und es dann mit CSS zu skalieren, aber ich glaube nicht, dass das sowieso beim Drucken hilft. Ich stimme Philip zu, das ist wirklich kein Problem, da ALLE Webseiten so gedruckt werden. Wenn eine Person es ausdrucken will, ist sie an die Auflösungsbeschränkungen gewöhnt. Ansonsten versuchen Sie es wie vorgeschlagen mit SVG oder PDF.
Danke allen für die Ratschläge. Ich denke, ich werde dem Kunden einfach sagen, dass er damit vorerst leben muss (wir gehen bald live) und wenn es in Zukunft wirklich ein Problem darstellt, werde ich meine PDF-Bibliothek ausbrechen und ein PDF davon generieren die Seite.
Illustrator-EPS-Datei in PNG-Weblogo - Druckqualität
AntwortenHierDatenschutz-Bestimmungen1y, 0v