Zum Inhalt springen

hohe Bildqualität

Erstellt am 30. Juni 2006 · 16 Antworten · letzte Antwort am 28. November 2006

Tags: Bilder, PDF, Frage

tivio ·

Hallo,

nur mal eine kleine Verständnisfrage 😃 :
Typo3 (bzw das Web allgemein) berücksichtigt doch nicht die dpi-Auflösung eines Bildes. Wenn ich aber eine Website drucken möchte (bei mir geht es darum sie in pdf zu exportieren), dann müsste die dpi-Auflösung doch berücksichtigt werden (diese steht glaube ich im header des Bildes???), worauf das Bild dann kleiner werden würde, je nach Anzahl der dpi. Dem ist ja nicht so.
Problematisch ist für mich jetzt, dass ich Bilder mit 300 dpi drucken müsste, diese aber nicht mit 4000*3000 Pixeln darstellen will.
Typo3 bzw ImageMagic skaliert die Bilder zwar passend, was bei mir aber nur für die Webansicht was taugt. Zum Drucken bräuchte ich halt das 300dpi Origignal, welches aber an der selben Stelle in genau den gleichen Abmessungen vorhanden ist (das Layout soll halt das gleiche bleiben, wie auf der Website).

Ich hoffe, man kann verstehen was ich meine 😉

gruß

tivio

miwolfram ·

Ich glaube da wirst du rein technisch Probleme mit den Browsern bekommen.
Die nehmen das mit der Darstellung der Bilder nicht immer so genau - siehst du in der Druckvorschau.

Grundsätzlich hättest du 2 Möglichkeiten:

1.: Das Bild in der großen Größe ausgeben (also 4000x3000 Pixel) - jedoch per CSS auf kleine Größe stylen (also z.B. 200x150 Pixel).
Einen zweites CSS erstellen mit Media-Type "print" und dort die Größe für das Bild per cm festlegen.

2.: Mit typenum eine eigene Druckseite erstellen und dort das große Bild reinstellen.

Unbekannter Benutzer ·

Naja, ich weiß gar nicht ob das möglich ist. Man kann JPEGs DPI verpassen, aber die kann TYPO glaube ich nicht gebrauchen. Außerdem ist ja die Frage, wie du die DPI für das PDF angibst? In der Bildschirmdarstellung bringen dir DPI wenig, weil ein Monitor ja eine feste DPI Zahl hat (kann man einstellen und PC und MAC sind unterschiedlich) und du da sowieso eine andere Darstellung hast als in einem PDF. Du müsstest es also schaffen, deinen JPEGs eine DPI zu verpassen (im Header) die dann bei der PDF Ausgabe auslesen, dein PDF auf die gewünschte DPI Zahl einstellen und den PDF-Creator die DPI des JPEGs lesen lassen. Wenn das möglich ist, dann behaupte ich mal, dass da noch ein bisschen Programmierarbeit auf dich zu kommt.

tivio ·

Das schlimmste dabei ist auch noch, dass die Bilder von verschiedenen Leuten aus verschiedenen Quellen eingestellt werden. Die Umstellung auf typo3 sollte ja gerade eine Nachbearbeitung der Bilder verhindern. Außerdem soll die html-Version genau mit der Printversion übereinstimmen (was an sich schon nicht geht, ich weiß . o.O ). Anscheinend bin ich an einen Punkt gekommen, wo ich Kompromisse zwischen Arbeitsaufwand und Qualität eingehen muss.

Frage am Rande: Wie genau sind die Auswirkungen des Eintrages bei "[GFX][jpg_quality] = 0 bis 100" im install tool?

miwolfram ·
tivio schrieb

Anscheinend bin ich an einen Punkt gekommen, wo ich Kompromisse zwischen Arbeitsaufwand und Qualität eingehen muss.

Hast du eigentlich einen der Vorschläge probiert bevor du aufgegeben hast?

->So schwer kann das ja nicht sein...

tivio ·

"Kann ja nicht so schwer sein" hab ich am Anfang auch gedacht!

Fakt ist, dass ich viele verschiedene Bilder in verschiedenen Auflösungen (und damit größen) haben werde, die ich nicht alle einzelnd behandeln kann, dies wäre zu viel Arbeitsaufwand und würde den Sinn des ganzen Projekts relativieren.
Wie sich leider herausgestellt hat, haben verschiedene Einstellungen im PDF-Konverter (ich arbeite mit Ghostscript und FreePDF) keine Auswirkungen auf die Grafik (Grafiken mit 600 Pixeln Breite bleiben ca. 158 mm breit [entspricht in etwa 96 dpi], egal wieviel dpi ich für Grafiken in den Einstellungen von FreePDF angebe). Warum dies so ist, ist mir noch nicht ganz klar...
Aber selbst wenn ich Bilder mit 300 dpi auswerten könnte (statt 96 zur Zeit), so kann ich nicht jedes Bild einzelnd mit einem Headereintrag versehen, noch jedes einzelne Bild per CSS skalieren (man kennt im voraus weder die Bilder noch deren Größe).
Das man die dpi am PC für die Monitorausgabe einstellen kann, wäre mir neu. Die dpi haben doch erst Auswirkungen, wenn man etwas auf cm überträgt (also Druck oder scan), oder liege ich da falsch?

miwolfram ·
tivio schrieb

Aber selbst wenn ich Bilder mit 300 dpi auswerten könnte (statt 96 zur Zeit), so kann ich nicht jedes Bild einzelnd mit einem Headereintrag versehen, noch jedes einzelne Bild per CSS skalieren (man kennt im voraus weder die Bilder noch deren Größe).

Wozu musst du wissen wie groß die Bilder sind?
Gib halt allen die selbe Größe - per CSS fixe Breite angeben und height:auto - dann stimmt auch das Seitenverhältnis.
Das Problem das du dann noch hast ist dass die Bilder immer in voller Größe geladen werden - kommt halt darauf an wie groß sie sind, 100kb sind bei aktuellen Internetanbindungen ja kein Problem mehr.

tivio schrieb

Das man die dpi am PC für die Monitorausgabe einstellen kann, wäre mir neu. Die dpi haben doch erst Auswirkungen, wenn man etwas auf cm überträgt (also Druck oder scan), oder liege ich da falsch?

Rechte Maustaste auf Desktop->Eigenschaften->Einstellungen->Erweitert->Allgemein da gibts DPI-Einstellung - im Grunde stimmts aber, Sinn machts erst beim Druck.

tivio ·

Ich kann nicht allen Bildern die selbe Größe geben, da die "Redakteure" den Inhalt ihrer Seite frei gestalten dürfen. Das würde also deren Layout zerstören. Dieser Inhalt ändert sich zudem alle 2 Wochen.

Das mit dem skalieren übernimmt typo bzw. ImageMagic ja automatisch, darf halt nur nicht neu gespeichert werden. Wenn ein 300 dpi Bild bei 4000 Pixeln Breite auf 400 px runterskaliert wird, ohne es neu zu berechnen, wäre das schon ausreichend. Allerdings ist die Seite dann für das Ottonormal-Internet ungeeignet.

Dazu zwei Fragen:

Wie kann ich das Dateigrößenlimit von 1MB hochsetzen? Wenn ich [BE][maxFileSize]im Install erhöhe, tut sich gar nichts!

Ich kann ja ImageMagic abschalten; funktioniert das auch für Teilseiten? Dann könnte man einen Seitenbaum mit komprimierten Bildern für das Internet laufen lassen und einen identischen Seitenbaum (Contentkopie funktioniert ja) mit hochaufgelösten ohne ImageMagic

miwolfram ·
tivio schrieb

Ich kann ja ImageMagic abschalten; funktioniert das auch für Teilseiten? Dann könnte man einen Seitenbaum mit komprimierten Bildern für das Internet laufen lassen und einen identischen Seitenbaum (Contentkopie funktioniert ja) mit hochaufgelösten ohne ImageMagic

Du musst ja nicht den Inhaltstyp "Zauberbild" verwenden sondern kannst ja auch das "normale Bild" einfügen.
Und dass deine Redakteure nur den normalen Bildtyp einfügen können kannst du wie folgt festlegen:

RTE.default.blindImageOptions = magic

PS: Ich geh davon aus dass du HTMLAREA als RTE verwendest.

tivio ·

Die "Redakteure" brauchen aber ein Werkzeug, um die Breite der Bilder anzupassen, damit sie in deren Seite passen (gerade wenn sie dann 4000 Pixel breit sind). ImageMagic rechnet das ganze Bild auf die angegebene Breite runter und erzeugt so ein neues Bild, welches für den Druck ungeeignet ist.
Können "Redakteure" die Bilder nicht im Backend skalieren, wobei das Originalbild erhalten bleibt? Mit CSS müsste man alles per Hand machen, das wäre zu umständlich.

miwolfram ·
tivio schrieb

Können "Redakteure" die Bilder nicht im Backend skalieren, wobei das Originalbild erhalten bleibt? Mit CSS müsste man alles per Hand machen, das wäre zu umständlich.

Natürlich können sie.

Wenn die Bilder per HTMLAREA-RTE eingefügt werden und als Bildtyp "normales Bild" gewählt wird - können die Reakteure das Bild einfach skalieren, dabei wird es nur per CSS skaliert und nicht neu berechnet.

tivio ·

Das Einfügen von Bildern per RTE hatte ich gar nicht weiter beachtet da man ja normalerweise mit dem Conenttyp Bild arbeitet.. #angry#
So funktioniert das Skalieren jedenfalls problemlos!

Ich brauch jetzt allerdings 2 Versionen der Bilder:
Die obige zum drucken und
komprimierte Bilder "zum gucken"

Die einfachste Lösung wäre einfach 2 Verzeichnisse mit identischen Dateinamen zu benutzen (eines mit hoch-, eines mit niedrigaufgelösten Bildern). Kann man einen "Verzeichnis-Switch" einbauen, der das Springen zwischen den Verzeichnissen erlaubt? Mit CSS gehts ja eigentlich nicht, da typo ja die img-tags generiert, oder?

Auf jeden Fall schon mal vielen Dank für die Hilfe, hat schon eine ganze Menge geholfen!!!!

miwolfram ·
tivio schrieb

Mit CSS gehts ja eigentlich nicht, da typo ja die img-tags generiert, oder?

Brauchst du das überhaupt?

Wenn die großen Bilder per CSS durch Redakteur auf z.B. width: 150px und height: auto skaliert werden dürfte das beim Erstellen des PDFs eh nicht greifen, oder?

tivio ·

Doch, das Bild ist von den Abemessungen dann auf dem Papier genauso wie auf der html-Seite, das Layout bleibt also erhalten. Die Druckauflösung ist dann aber höher (also nicht 150 px), je nachdem wie groß das Bild im Original ist denk ich mal; an sich ja eine automatische Erhöhung der dpi, wenn das Originalbild mit 600 px auf diese Größe gedruckt wird.

Ich muss aber irgendwie eine "Internetfähige" Version haben, die dann tatsächlich nur 150 px Bilder hat (also nicht skaliert) und das möglichst automatisch. Irgendwie finde ich dafür keine vernünftige Lösung.

tivio ·

Hallo,

habs jetzt mit php gelöst. Einfach in der Datenbank für den Druck die ImageMagic-Bilder ausgetauscht und dann wieder zurückgeschrieben.

basti79 ·

Tivio, die Bilder (in welcher Qualität auch immer) darzustellen, aber eine Nachbearbeitung zu verhindern, ist absolut unmöglich. Was auf dem Bildschirm angezeigt wird oder ausgedruckt wird, kann genausogut weiterverwendet werden.

Die hier geäußerte Möglichkeit, das Bild in hoher Auflösung (viele Pixel) zu speichern, nicht mit Typo3 (bzw. ImageMagick) zu skalieren, sondern per HTML (client-seitig) ist die einzige, zu erreichen, dass das Bild beim Druck in höherer Auflösung (mehr Pixel) als auf dem Bildschirm erscheint.

Nochmal: es ist prinzipiell unmöglich, die Nachbearbeitung zu verhindern. Das einzige was du machen kannst, ist, das Bild zu versauen (logo in die Mitte, kleinere Auflösung). Das willst du ja aber gerade nicht, da du nach hoher Qualität fragst. Deine Beiden Ziele stehen im Widerspruch zueinander.

mitchiru ·

ich schätze mal, man müsste im ts-template für die pdf-version eine andere maximale breite eingeben.

die meisten pdf-koverter nehmen die in html angegebenen maßangaben für die breite im pdf, die qualität speist sich aber dann aus der maximalen auflösung..

kleiner tip am rande: im netz gibt es keine dpi sondern nur pixel.

hat eine datei 1000*1000 Pixel, so ist da die dpi egal, für den druck ist diese angabe quasi ein maßstab, wieviele pixel auf einem sqare-inch gedruckt werden. am monitor hat man da genau 72, und dies ist sozusagen der "originalzustand" eines bildes. egal ob 300 dpi oder 72, die absoluten bildmaße sind immer noch 1000*1000 pixel oder eben dots.

http://de.wikipedia.org/wiki/Dpi