Schlechte Darstellung von Fotos in hoher Auflösung

Ich ergänze: "und eines, bei dem die Nutzer sehr schnell ihre Grenzen erfahren." :mrgreen:

1. WordPress ist kein Publishing-Tool und verfügt weder über Werkzeuge noch über benötigte Funktionen, damit daraus eines wird.
2. WordPress verwendet Standardtechnologien, um eine möglichst breite Masse an Nutzern bedienen zu können. Standards haben Limits und sind irgendwann überholt.
3. Sind konkrete Anforderungen gegeben, muss man prüfen, ob das System als solches überhaupt Sinn macht. Auch wenn man alles mit allem realisieren kann, sollte bedacht werden, das der betriebene Aufwand und damit das technische Verständnis stark ansteigt.

On Topic: WordPress verarbeitet (wenn man es so nennen darf) Bilder mit der in 99,9% vorhandenen GD-Bibliothek. Diese ist ein Zusatzbestandteil von PHP und erlaubt einfache Bildmanipulationen. Wer mehr aus seinen Bildern herausholen möchte, setzt auf ImageMagick/GraphicsMagick (IM/GM). Das ist ebenfalls eine zusätzliche Bibliothek, allerdings nicht für PHP, sondern für das Betriebssystem (i. d. R. Linux). Diese verfügt über 3 ausführbare Dateien (Binaries), die über die Kommandozeile mit Optionen bedient werden. Das kann man auch mit PHP machen. IM/GM bietet dabei den selben Funktionsumfang wie Photoshop und liefert die gleichen, qualitativ hochwertigen Ergebnisse. Richtig, man muss das programmieren.

Leider ist das Modul kein Standard bei Massenhostern, deswegen kann man es nicht einfach einsetzen. Eine Umsetzung für WordPress existiert (https://wordpress.org/plugins/imagemagick-engine/) jedenfalls.

Abgekürzt: ich vermute, dass entweder eines der jetzt deinstallieren Plugins "Mist" gebaut hat oder die Bilder nicht über "Für Web speichern unter..." gesichert wurden. Es ist etwas befremdlich, dass die vom Server generierten Vorschaubilder richtig dargestellt werden, während die in der Lightbox angezeigten Originalbilder Fehlfarben aufweisen. CSS nimmt hier keinen Einfluss - das Original wird in der verwendeten Lightbox über das Vorschaubild geladen (das Laden ist dabei sichtbar).

 

Ich wage zu behaupten, dass unerfahrene Benutzer bei z. B. Typo3 ihre Grenzen viel schneller erfahren

Mein Einwand ist ja auch, dass Webdesign nicht mal eben so ist, wie es viele leider denken.

 

Hi,

mal zum Thema zurück.
hast du mal einen Link, dass man sich das mal ansehen kann?

Ich betreibe selber eine Seite mit vielen Bildern und diversen Fotogalerien und habe dieses Problem noch nicht erduden müssen.
Schau dich mal um unter fotoglut.de.
Die Bilder werden dort, wie schon von anderen beschrieben meist mit Lightroom oder Photoshop exportiert und dann in WP hoch geladen.

Was ich mir jedoch vorstellen kann in deinem Fall... Du sagst, du würdest mit einer Druckerei gute Druckergebnisse erzielen.
Das hört sich für mich so an, als ob du eine Farbkalibrierung auf den Drucker der Druckerei vor genommen hast und damit das ganze bei dir auch gut aussieht, wahrscheinlich deinen Bildschirm dahin angepasst.
Da kann man dann nicht einfach auf sRGB umstellen und gut ist. Welchen Farbraum nimmst du? Adobe Farbraum mit 14 bit? 12 bit? oder gar 16?
sRGB hat 8-bit und somit 16,8 Millionen Farbtöne, beim AdobeRGB sind es ca. 1,07 Milliarden Farben.
Da gehen natürlich ettliche Infos verloren, wenn du da einfach nur stumpf umwandelst.

Im Grunde musst du wenn du mit AdibeRGB für den Druck arbeitest, dass Fot kopieren und nochmal für sRGB aus RAW entwickeln.

Wie sehen eigentlich Bilder anderer Seiten aus bei dir?
Was hast du für einen Monitor? Normalen sRGB oder einen Wide-Gammut mit AdobeRGB????

Zum Thema Farbdarstellung gibts Studiengänge

 

Die kämen nicht mal auf die Idee! Einfach geht trotzdem: concrete5. Immer dieses Lernen...

Topic:
Gedruckt wird in CMYK (4-farb, 8-farb Offset oder eben Digital). Das ist ein anderer Farbraum. Zwar kann man das "plump" in Photoshop einfach umstellen, sollte dem eigenen Anspruch dann aber gerecht werden und die Graduationskurven anpassen (Tonwertkorrektur = Pfui). Deswegen auch mein Hinweis auf kalibrierte Displays, deren Farbwiedergabe dem Druckprofil eines Druckdienstleisters bzw. einem offiziellen (Fogra, etc. pp.) entspricht. Das Rot ist dann auch so rot, wie es gedruckt wird. Unabhängig von einem Proof.

Von hier aus kann man aber weder Display noch Anzeige überprüfen. Die Originalbilder sind alle in Ordnung - 8 bit sRGB. Wenn man "Für Web speichern unter..." in Photoshop auswählt, spielen Farbprofile keine Rolle mehr. Allerdings sollte das Bild im Vorfeld wie erwähnt optimiert werden.

Ansonsten sitzt das Problem ja bekanntermaßen vor dem Rechner.

PS: Was anderes als sRGB kann man bei einem Consumer-Display nicht einstellen. So mancher gaukelt da etwas vor. Das Problem hat damit auch überhaupt nichts zu tun - auch auf einem kalibrierten Gerät kann man problemlos Bilder für Web exportieren.

 

Definiere "gedruckt", es existiert nicht nur der Offsetdruck um Fotos auf Papier zu bannen, daher ist die Aussage in ihrer Ausschließlichkeit falsch.

 

Vielleicht ist mir ja ein Link auf die beanstandeten Bilder im Buchstabensalat dieses Thread untergegangen, aber wenn tatsächlich noch keiner vorhanden ist, dann wäre jetzt ein guter Zeitpunkt, ein entsprechendes Beispielbild zu veröffentlichen und so ohne großes Rätselraten das Problem zielführend angehen zu können.

 

was haben die für ein Betriebssystem?
welchen Monitor
welches Gerät

wie siehts bei dir aus

und ich wage zu wetten, dass dich kein Mensch fragt wieso die Bilder so oder so aussehen,
außer er surft gleichzeitig mit zwei verschiedenen Maschinen auf deine Site , um so einen Unterschied sehen zu können
und woher sollt ich wissen, dass da was falsch ist, wenn ich das Original nicht kenne...

du machst dir Gedanken über Dinge, die in der WWW Welt so kaum bis gar nie da sind, außer bei Testenden

du fragst dich all dies bei Fotos, Typografen bekommen die Krise bei Schriften und Grafiker wundern sich wieso ein Frontendentwickler die Krise bekommt, wenn sie Grafiken in einem pdf mit 300 dpi schicken...

du bist in einem anderen Medium => lerne damit zu leben, dass du nichts weißt => vom Smartphone bis zum TV Gerät kann jeder alles nutzen, tausend verschiedene Geräte, alle mit Eigenarten
achja und dann gibts noch Retina

 

In der Klammer meiner Aussage ist der Digitaldruck zu finden und auch der findet in CMYK statt. https://www.youtube.com/watch?v=olagwX60ahc

Naja, wenn Du für anspruchsvolle Kunden arbeitest, musst Du Dich genau damit beschäftigen. Beispiel Automobilkonzerne.

In meiner Vergangenheit habe ich als Freiberufler für einige größere Unternehmen gearbeitet, die ihre Produkte über den klassischen Printkatalog als auch über den Onlineshop anbieten. Bilder wurden im eigenen Fotostudio von prof. Fotografen erstellt. Das Produkt nimmst Du physikalisch in die Hand und optimierst an kalibrierten Displays für den Druck. Wenn Du der Meinung bist, dass das Erscheinungsbild (vornehmlich Farben) dem Produkt entsprechen, wird ein Proof Inhouse erstellt. Den holt man ab, nimmt das Produkt und geht damit an einen Normlicht-Tisch. Passt nicht? Nachkorrekturen, erneuter Proof, erneute Kontrolle.

Das finale Katalogbild wird nicht für den Onlineshop verwendet, sondern ausgehend vom Original extra optimiert. Auch hier erfolgt pro Produkt auf verschiedenen Displays (und heute auch Ausgabegeräten) eine Endkontrolle.

Es gibt nicht Schlimmeres als bspw. eine braune Handtasche, die im Katalog einen Grünstich und auf der Webseite einen Rotstich hat. So etwas generiert Rücksendungen/Stornos und das mögen die Gewinnmaximierungsverantwortlichen gar nicht. Erster Weg führt dann immer ins Marketing.

Unter diesen Gesichtspunkten kann ich den TE gut verstehen, denn wenn die Früchte im Druck richtig knackig und toll aussehen, möchte ich das gleiche Ergebnis auch Online sehen. Hier spielen dann aber all die bereits genannten Faktoren eine Rolle - von der Optimierung in PS bis hin zur Darstellung auf der Webseite über ein CMS.

 

ja Brawler
dazu brauchts aber jede Menge an technischem Wissen über das Medium und dann die Fähigkeiten es umzusetzen, oder das nötige Kleingeld um es machen zu lassen.
weder das eine noch das andere kann ich bei Iotamy erkennen.

HighEndLevel Kunden haben auch 100% absoluteste Profis für die Produktfotografie, die ziemlich sicher auch andere Geräte zur Verfügung...
und ziemlich sicher einen andern technischen Stab dahinter...



Und sosehr ich den Wunsch nach 1000% Übereinstimmung wirklich nachvollziehen kann, seh ich da schwarz sowohl beim Server wie bei WP wie bei Iotamy und ihren Geräten... und ihrer Investitionskraft


deshalb meinte ich: in der "ottonormalverbraucher" Publisher Szene ist das "kaum bis gar nie" vorhanden.

 

Dann weiß ich aber, dass ich mir dazu eine Profi-Mannschaft suchen muss ... und viel Geld dafür ausgeben kann.

 

Kann, muss aber nicht, Ausbelichtungen werden u.a. auch unter dem Begriff Digitaldruck subsumiert und selbst der klassische Offsetdruck kennt noch weitere Farbräume.

Na, was auch sonst, hier konkurrieren nicht nur verschiedene technische Farbräume, sondern auch noch rein physikalisch die additive und subtraktive Farbmischung miteinander.

 

ach Kopf hoch!
das wird auch noch, vielleicht gibts in deiner Umgebung ein paar Freaks, die sich deine Maschine mal ansehen ohne gleich mit 100dertausend => das muss neu und dies auch kommen,
vielleicht haperts nur an Treiber...

ich selbst bin kein "Maschinen Freak" mehr, hab mir schon ewigst keine Maschine zusammengebaut und die andern kauf ich einfach ... so alle paar Jahre mal neu

 

Das Problem hatten wir ja eingegrenzt, denn in der Lightbox selber wird nur das Originalbild, welches hochgeladen wurde, dargestellt. Keine CSS-Filter (auch wenn ein transform angewendet wird und eine opacity-Eigenschaft beim Vorschaubild gesetzt wurde).

Da dazu das Bild selbst ja erst einmal lokal gespeichert werden muss, kann man das an der Stelle überprüfen. Gibt es zwischen dem Bild welches Du von Deinem Rechner hochlädst und dem Bild, das dann in WordPress gespeichert ist, einen Unterschied?

Falls nein, sitzt die Ursache vor dem Rechner. :mrgreen:

Falls ja, müssen die technischen Gegebenheiten auf dem Server festgestellt werden (Apache, PHP, verwendete Bibliotheken).

> Bild in Photoshop optimieren - as you like it. RGB 8bit bitte, kein CMYK, kein 16bit
> "Für Web speichern unter..." verwenden. Die Ausgabe vor dem Speichern kontrollieren.
> Kompression zwischen 55 und 75 (Schulterschluss aus Qualität und Dateigröße, bei Deinen Motiven sollten die Dateien nicht größer als 200 KB werden)
> Häkchen bei sRGB gesetzt lassen
> Speichern
> Hochladen
> Kontrolle

Rückmeldung!

 

Ich habe jetzt auf die Schnelle bei der Paprika geschaut.

Das Problem ist vermutlich keines, denn der sRGB-Farbraum hat nunmal weniger Farben als AdobeRGB (oder andere). Das kannst Du selber ausprobieren, wenn Du in Photoshop beim Webexport das Häkchen bei "sRGB verwenden" einfach mal ein- und ausschaltest. Es geht ein ordentlicher Anteil in den Rottönen verloren, sodass die Paprika dann unnatürlich "übergrünt" aussieht. Oder anders: die Frucht fängt an zu Leuchten.

Kriegen wir hin - ich muss jetzt erst einmal Papierkram erledigen.

Hier ein Vergleich zum Anschauen: http://imgur.com/bv6nUCl

 

Auf den ersten Blick sehe ich da 2 grüne Paprika. Auf den zweiten unerhebliche Unterschiede.

@TE:
Kann es sein, daß es an deinem Monitor liegt? Die haben ja teilweise ihre Eigenintelligenz, um Bilder zu "boosten".

(Hast du überhaupt einen externen Monitor oder sitzt du am Notebook o.ä. - Sorry wenn ich das überlesen habe.)

 

Beide zeigen schön ausgefressene Lichter und die Farbe ist Geschmackssache, wie beim Verzehr derselben auch...

Hatte ich auch schon überlegt, irgend sowas wie Vollsupimegapowerkontrast oder Totaltollerosahauttöne oder gar so ein voll toller Videospielfilmmodus wo alle Farben in sepia abdriften, evtl. läuft aber auch im Hintergrund auf dem Rechner irgend ein Programm, was das verursacht, weil es was verschlimmbessern soll oder es sind die Grafikkartensupigeheimvolltollebilderspezialeinstellungen - Ohne zugriff auf die Bilder das pure Raten...