[gelöst] Bildergallerie in DP7 erstellen.

Views und Lightbox2/Colorbox sowie ein entsprechender Datentyp, aus dem die Bilder geholt werden sollten reichen.

Beste Grüße
Werner

Danke Werner,

ich habe inzwischen Hinweise auf Views Galleriffic gefunden und mir ein paar Demos angesehen. Vor allem gefällt mir die Step by Step - Dokumentation ( http://drupal.org/node/758724 ).
Wie würdest Du Views_Galleriffic im Vergleich zu Deinen Vorschlägen beurteilen? Hast Du da Erfahrungen?

Herzliche Grüße

Albert

Ich habe mich also mit Views_Galleriffic beschäftigt und dank der sehr hilfreichen step by step-Anweisung https://drupal.org/node/1578774 die Bildanzeigen so gestaltet, wie es mein Kunde wollte.
Aber: die Bilder sind unscharf! Es ist viel Text in den Bildern und dieser Text ist auf meinem HD-Bildschirm praktisch nicht mehr lesbar. Ich habe die Originalbilder (ca. 1700 x 1000 px) versuchsweise verkleinert bis auf das Slide-Format, aber da nimmt die Unschärfe sogar (geringfügig) zu.

Wo könnte die Ursache dafür liegen? Soll ich für dieses Thema einen separaten Thread erstellen?

Ergänzung: In admin/config/media/image-toolkit habe ich die .jpeg-Auflösung schon auf 100% gestellt. Hat aber nichts gebracht.
Wenn ich eines der Bilder aus der Gallery direkt über den CKEditor in die Seite lade, dann ist es völlig scharf.

Herzlichen Dank für Eure Hilfe.

Albert

Kannst du das mit der Unschärfe näher beschreiben? Generell werden Bilder beim verkleinern immer unscharf und müssen ggf. nachgeschärft werden... Bringst du die Bilder schon auf die Größe oder lässt du sie vom image-toolkit skalieren?

Viele Grüße

Frank

Unschärfe heißt, dass Kanten, die im Originalbild glatt und scharf sind, in der Gallerie-Darstellung (sowohl als Thumbnail als auch als Slide) verschwommen, eben unscharf sind. Skaliert werden sie über admin/config/media/image-styles/edit/galleriffic_slide. und admin/config/media/image-styles/edit/galleriffic_thumb.

Wie schon gesagt, ist es egal, ob das hochgeladene Originalbild 1700 x 1200 px oder 500 x 300 px groß ist. Es sind gute Digital-Kamerabilder.

Albert

Vielleicht habe ich mich falsch ausgedrückt... Was Unschärfe ist, weiß ich natürlich!
Was ich meinte war (vielleicht habe ich es ja auch überlesen):

Du lädst das Bild in der Größe 1700 x 1200 px auf den Server und dieses Bild wird dann als Slide in genau dieser Größe angezeigt oder wird das bei der Ausgabe durch das Modul (bzw. die Galerie) noch einmal verkleinert? Mit welchem Programm verkleinerst du die Bilder am Rechner? Sind die von dir genannten Bildgrößen denn auf deinem Rechner im Bildbetrachter deiner Wahl scharf (vor allem auch das 500 x ... px Bild) und dann nur in der Galerie unscharf?
Hast du ein Besipiel, wo man sich das Problem einmal anschauen kann?

Frank

Kannst du mal einen Screenshot von der Galleriffic (Slide und Thumb) posten?

Dein Digicam Format schein 3:2 zu sein, zumindest fast....

Wenn du dieses Format in eine 4:3 Skalierung mit fester Höhe und Breite würgst kann das Probleme geben.

Lege am besten erstmal 2 neue Bildstile an, im ebenfalls 3:2 Format, und packe diese auf Galleriffic Slide und Thumb, dann sollte das behoben sein.
Ich habe Galleriffic auch im Einsatz mit sehr hochwertigen Bildern und die sind gestochen scharf, an dem Modul liegt es nicht, vermute die Bilder werden momentan gestaucht.

Grüße Jenna

Danke an beide.

Der Hinweis von Jenna könnte eine richtige Spur sein.
Die Originalbilder (von meinem Kunden bereitgestellt) haben genau 1772 x 1181 px, also genau das Verhältnis 3:2.
Bei der Erstellung des Bildstiles: galleriffic_slide (admin/config/media/image-styles/edit/galleriffic_slide) habe ich als "Effekt" --> Skalierung nur eine Breite (400 px) vorgegeben, da ja

gilt. Nach meiner Auffassung sollte das Bild also nicht "gewürgt" werden.
Aber: die Luftballon-Symbole in der "Vorschau" dieses Fensters zeigen ein Verhältnis von 800:600, also 4:3. Ich finde keine Möglichkeit, das zu ändern.

Was also sollte ich ändern bzw. einstellen, damit die Originalbilder (in 3:2) gesichert proportional verkleinert werden?

Herzliche Grüße

Albert

Hallo Albert,

aber so wie du es schreibst, sollte es eigentlich korrekt eingestellt sein. Letztlich gibt man ja nur eine Bildkante vor - d.h., dass die Breite immer 400px sein soll und die Höhe dann im ensprechenden Verhältnis dazu skaliert wird.
Wenn du ein festes Seitenverhältnis (z.b. 3:2) einstelltst, hättest du ja spätestens, wenn der Kunde mal ein Bild einstellt, welches er beschnitten hat und das dann ein anderes Seitenverhältnis hat, wieder das Problem...

Ich habe gerade noch einmal in unserer Galerie geschaut (wir verwenden zwar eine andere aber das mit den Bildstilen ist ja gleich) => die Vorschaubilder werden über den Bildstil "Saklieren" - Breite 220px und Höhe 220px ausgegeben.

Je nach Format (hoch oder quer) wird also immer die lange Seite 220px und die kurze entsprechend im Verhältnis dazu skaliert. Das Seitenverhältnis bleibt gewahrt.
Hast du bei dem Bildstil einen wert in der Länge hinterlegt?

Frank

Danke Frank,

Ich baue mir gerade ein Testbild (als Vektorgraphik), sodass ich einen objektiven Maßstab für die Veränderungen habe, die vom Originalbild bis zur Anzeige geschehen.

Was mich irritiert: Im Fenster "Stil xxx bearbeiten" ist das linke Luftballonbild mit original (tatsächliche Größe anzeigen) und 800 x 600px beschriftet. Also ein Verhältnis 4:3. Meine Bilder haben (wie schon gesagt) 3:2.
Meine Frage: Wie kann ich Drupal überzeugen, das die Originalbilder 3:2 sind ? Denn womöglich werden die Bilder beim Hochladen auf 4:3 gezerrt. Was bedeutet die Angabe 800 x 600px für das Originalbild konkret?

Herzliche Grüße

Albert

Hallo Albert,
dieses Luftballonbild ist nur zur Anschauung, es zeigt dir, wenn das Original 800x600px groß ist, was bei dem gerade eingestellten Bildstil raus kommt.

Und nun konkret zu deiner Frage - vergiss mal kurz das Seitenverhältnis.
Du willst folgendes - Drupal soll für dich die Bilder in einer gewissen Größe ausgeben. Für Bilder im Querformat sind das z.B. 600px in der Länge. Für Bilder im Hochformat sollen es dann 600px in der Höhe sein. Wenn du die Eigenschaft des Bildstils richtig eingestellt hast, wird das Bild dann korrekt skaliert. Also es wird die kürzere Kante im Verhältnis zu unseren beispielhaften 600 px angepasst.
Ob das jetzt 4:3 oder 3:2 oder 1:1 ist, ist dabei völlig egal, weil immer im korrekten Seitenverhältnis skaliert werden sollte! Verstehst du wie ich das meine?
Ich würde jetzt an deiner Stelle folgendes mal probieren:
1. Schau mal, ob dir Drupal wirklich die Bilder verzerrt. Entweder schaust du mal, ob du es mit Firebug angezeigt bekommst oder du legst mal ein Testbild an z.B. mit folgenden maßen (einfach eine vollfarbige Fläsche) - Länge 600px Breite 20px oder so. Bei diesen maßen solltest du dann auch mit bloßen Auge sehen, wenn dir das verzogen wird. Sollte dem so sein, poste doch noch einmal alle Einstellungen des Bildstils deiner galerie slide Bildeinstellung.

Ansonsten, schau doch mal, ob du mal ein Beispiel verlinken kannst bzw. einen Screen einstellen kannst...

Ich hoffe, ich konnte dir ein wenig weiterhelfen.

Viele Grüße
Frank

Danke Frank, Mein (derzeitiges) Thema ist aber, dass die in der Gallerie dargestellten Bilder (etwas) unscharf sind.

Aber ich weiß nun, dass die Luftballon-Bilder nur zur Demo sind.

Ich habe also in den Bildstil-Einstellungen wieder nur die Breite angegeben (die ist nämlich bei allen Bildern dieser Gallerie konstant 318 px) und die Bilder werden auch im richtigen Seitenverhältnis dargestellt.

In einer Testumgebung habe ich die Situation dargestellt und Du siehst sie in http://www.institut-radionik.at/Test1 (unter dem linken Menüpunkt: "Erste Testseite Kierner").
Auf der linken Seite arbeitet das Galleriffic-Modul und rechts oben habe ich das Testbild (im Original 1772 x 1181 px) direkt über den Editor eingetragen. Du siehst, dieses Bild ist scharf gezeichnet, während das entsprechende Gallerie-Bild etwas unscharf ist. Das macht sich dann unliebsam bei den Bildern mit Text bemerkbar.

Herzliche Grüße

Albert

Wichtige Bilder könntest du im PNG Format abspeichern. Datei wird dann vermutlich (viel) größer je nach Inhalt, aber dafür findet keine JPG Komprimierung statt.

In der oben erwähnten Testinstallation http://www.institut-radionik.at/Test1 ist das rechte von den 4 Bildern ein .jpg (ca. 200 kB mit 100% Qualität) und das 2. Bild (von links) ein .png (mit ca 85 kB).
Ich sehe keinen Unterschied.

Albert

Hallo Albert,
ich habe mir deinen Link angesehen und finde die Bilder ok! Du musst Bilder beim verkleinern immer gut nachschärfen, weshalb du aus meiner Sicht nur bessere Ergebnisse erzielen wirst, wenn du die Bilder schon am PC auf die entsprechende größe bringst, entsprechend nachschärfst und dann hochlädst. Dann muss Drupal nichts mehr skalieren und die Ergebnisse werden besser. Da kannst du auch mal in div. Fotoforen nachlessen, da gibt es genug zu dem Thema...

Gruß

Frank

Ich selber bin Grafiker und finde die Qualität der Bilder in Ordnung.

Es gibt aber in der Tat verschiedene Techniken um Bilder zu verkleinern.
Wenn du volle Kontrolle haben willst, kannst du z.B. in Photoshop das Verfahren wie Bilder verkleinert werden manuell übersteuern.
In den Voreinstellungen (Preferences): General: Image Interpolation. Am besten mal ausprobieren.

100% Qualität in Drupal einzustellen bringt meiner Meinung nach nicht so viel. Die Bilder werden nur unnötig groß.
Ich stelle so um die 86-90% ein. Dann hat man noch eine gute Qualität und nicht so große Dateien.

Mehr zum Thema Image Interpolation:
http://www.cambridgeincolour.com/tutorials/image-interpolation.htm

Danke an Frank und GB.

Das beste Ergebnis in der Ansicht der Bilder in meiner Gallerie (Views_Galleriffic) erziele ich, wenn ich die Bilder schon vor dem Hochladen auf das Slide-Format verkleinere, einen Schärfungsschritt durchführe (ich mache das mit IrvanView --> Bild --> Schärfen) und dann erst hochlade.

Da ich nun eine funktionierende Bilddarstellung mit guter Bildqualität habe, möchte ich das Thema abschließen.

Danke für Eure Hilfe und herzliche Grüße

Albert