Hallo,
dass die Bilder unscharf sind, kann ich nicht nachvollziehen. Auf einen ersten Blick erscheinen alle Bilder scharf wiedergegeben zu werden. Mir fehlt aber auch der Vergleich zum Original. Vielleicht magst du ja mal ein Bild per FTP auf deine Website hochladen und den Link hier teilen?
Auf welchem Bildschirm schaust du dir die Fotos an? Auf einem HiDPI-Bildschirm (z.B. Apple Retina Display) erscheint die Darstellung eher unscharf als auf herkömmlichen Bildschirmen. Hier müssten ggf. höhere Auflösungen im Theme vorgegeben werden.
Zum anderen werden Fotos beim Hochladen nicht nur in unterschiedlichen Größen abgelegt, um z.B. auch das Einfügen von Vorschaubildern zu ermöglichen, sondern auch noch komprimiert, um die Bildgrößen zu Gunsten einer besseren Performance zu verringern. Leider geht das auch zu Lasten der Qualität. Hier könnte das Plugin WP Resized Image Quality eine Lösung sein, mit dem sich die Qualität für künftig hinzugefügte jpeg-Bilder ändern lässt.
Danke für die schnelle Antwort.
Für mich sieht es so aus:
Wenn ich auf
http://m-beste.com/portfolio-item/necklace-goldpendant-from-gujarat-emerald-mc-006/
gehe, sehe ich das Bild der Kette unscharf.
Wenn ich auf das kleine Bild klicke oder den Magnifier benutze, wird es scharf (wie das Original, das ich hochgeladen habe; 324 KB, 845×684 pics))
Kann das am Magnifier liegen?
Es sieht so aus, als hättest du das Bild in der falschen Größe eingefügt. Durch Hochskalieren wirkt das Foto dann unscharf.
Im Quelltext deiner o.g. Webseite wird das Foto so eingebunden:
<img src="http://m-beste.com/wp-content/uploads/2015/10/x-05-a-495x400.jpg" style="max-width: 495px; position: relative; top: 0px; left: 0px; max-height: 400px;">
Dieses Foto ist, wenn man es isoliert betrachtet (d.h, im Browser http://m-beste.com/wp-content/uploads/2015/10/x-05-a-495×400.jpg aufruft) qualitativ OK. Das Stylesheet des Lupen-Plugins skaliert das Bild aber auf eine Breite von 100% und überschreibt mit !important
die anderen Vorgaben:
.MagicZoom > img, .MagicZoom > figure > img {
width: 100% !important;
max-width: 100% !important;
max-height: none !important;
height: auto !important;
}
Abhilfe schafft, größere Bilder einzufügen. Also bei Datei einfügen im Fenster mit der Medienauswahl in der rechten Spalte relativ weit unten (ggf. scrollen) eine größere Bildgröße (z.B, 1024px) angeben.
Danke, ich werde das versuchen und melde mich u.U. wieder
Einen schönen Sonntag noch
Michael Beste