Bilder unscharf

Hey aebli!

Ich habe mir nur diese Seite angesehen: http://new.ete.ch/unternehmen/mitarbeitende/ – hier verwendet ihr anscheinend das “Team” Element für die einzelnen Mitarbeiter. Die einzelnen Bilder sind aber nicht in Originalgröße eingebettet, sondern verweisen auf kleine Thumbnails (zB: http://new.ete.ch/wp-content/uploads/Emil-Egger-AG-Team-Heini-Egger-300×200.jpg oder http://new.ete.ch/wp-content/uploads/Emil-Egger-AG-Team-Michael-Egger-300×200.jpg ). Ihr habt zwei Lösungsmöglichkeiten:

1) Verwendet die Originalbilder oder zumindest größere Thumbnails – die Größe könnt ihr Rechts im Galerie-Fenster bestimmen: http://www.clipular.com/c/6081498889322496.png?k=HhSgbxEkNXEmdWVS0SDMpjB4WUc

2) Ihr bleibt bei der Thumbnailgröße und versucht mit diesem Plugin: http://wordpress.org/plugins/wp-resized-image-quality/ eine bessere jpeg Qualität einzustellen. Anschließend erstellt ihr die Thumbnails neu: http://wordpress.org/plugins/regenerate-thumbnails/

Cheers!
Peter

Hi!

Enfold selbst rechnet bei den Bildern gar nichts, sondern der Browser skaliert das Bild anhand des CSS Codes. Daher Enfold gibt zB die Weite der Spalte mit 25% der Container Breite vor und der Browser errechnet sich dann anhand der 25% die exakte Pixelbreite + Höhe des Bildes und skaliert dann anschließend das Bild. Wie der Browser das Bild skaliert kann man dann nur sehr wenig beeinflussen. Eine Möglichkeit (und soweit ich weiß die einzige Lösung) wäre das imageRendering css Attribut: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering zu verwenden, um den Browser zu zwingen die “beste Qualität” zu rendern. Versuche einmal folgenden Code in das Quick CSS Feld einzufügen:

#top .flex_column img {
    -ms-interpolation-mode: bicubic !important;
    image-rendering: optimizeQuality !important;
}

Best regards,
Peter

Hi!

Ok :)

Regards,
Peter