web-dev-qa-db-fra.com

Qualité d'image Compression de vignettes dans Wordpress?

Je suis perdu, je ne sais pas vers qui me tourner.

J'essaie de ne pas compresser mes vignettes. Mes images sont jolies et colorées, mais les vignettes sont visiblement plus sombres et de moins bonne qualité. J'ai déjà ajouté ce code à mon fichier function.php dans mon thème enfant et parent:

add_filter(‘jpeg_quality’, function($arg){return 100;});
echo get_the_post_thumbnail($id, array(100,100) );
add_filter( ‘jpeg_quality’, create_function( ”, ‘return 100;’ ) );
add_filter( 'wp_editor_set_quality', 'wpse246186_image_quality' );
add_filter( 'jpeg_quality', 'wpse246186_image_quality' );
function wpse246186_image_quality( $quality ) {
    return 100; // 0 - 100% quality
}

J’ai installé ‘Disable JPEG Compression’, j’ai installé EWWW Image Optimizer et j’ai porté la qualité de compression à 100. Je continue de régénérer les vignettes à l’aide du plug-in ‘Regenerate Thumbnails’. Mais il y a encore une énorme différence. Je ne sais pas quoi faire, j’ai fouillé le Web de haut en bas, sans savoir ce qui me manque. Est-ce parce que mes images sont Adobe 1998 et non sRGB lorsque je les ai téléchargées?

Voici un exemple de bonne image: http://ninasveganrecipes.com/wp-content/uploads/2018/03/web-blackberry-icecream-4863.jpg

Voici une vignette de celui-ci qui semble BAD (terne!): http://ninasveganrecipes.com/wp-content/uploads/2018/03/web-blackberry-icecream-4863-108 × 1619. jpg

Aidez-moi, s'il vous plaît! Je ne sais pas quoi essayer ni ce que je fais mal. Lancer PHP 5.6.30 sur mon site wordpress.

Je vous remercie. -Nina Marie

1
Nina Marie

(cela devrait être un commentaire, mais ma réputation est trop basse)

Le paramétrage de jpeg_quality ne désactive pas la compression, car il ne désactive pas le traitement. Les JPEG seront toujours compressés, et ils sont presque jamais sans perte, même pas à 100 - cela ne signifie pas "qualité 100% originale".

Ce qui se passe ici, c’est que le traitement d’image par défaut de WordPress ne respecte pas les profils de couleur, comme le dit @Bigue Nique.
Pour ajouter un aperçu: WP ignore les profils de couleur des images et le navigateur les considère comme non classés/sRGB. La perte de saturation est un artefact typique lorsque le profil AdobeRGB est supprimé .
En tant qu’étudiant en photographie, j’avais commis cette erreur pendant des années (heureusement, mes images étaient généralement grises;).

Il est toujours judicieux de prendre des photos et d’utiliser AdobeRGB, ou d’autres profils de couleurs. Assurez-vous simplement de convertir en sRGB (important: de convertir en profil , pas appliquer le profil ) à la dernière étape de votre flux de travail. Vous pouvez ensuite même effacer le profil sRGB potentiellement intégré et ainsi rendre l’image non profilée , car elle ne fait pas de différence en apparence. - C’est ce que les optimiseurs de taille d’image font pour économiser quelques octets.

Je suis sûr qu'il existe des plug-ins pour effectuer automatiquement les conversions de profil, mais il est recommandé de prendre en compte les problèmes de profil de couleur lorsque vous publiez sur le Web (par exemple, des forums ou des clients ne disposant pas de ce plug-in).

@ Nina Marie - veuillez marquer une réponse (celle de Bigue Nique) comme étant la bonne.

1
kubi

Assurez-vous de convertir vos images au format sRGB avant de les télécharger sur WordPress.

La compression d'image ne doit pas affecter les couleurs et les tons de l'image. Lorsque vous constatez un changement important de couleur, de teinte, de saturation ou de contraste, il peut s’agir d’un problème d’espace colorimétrique (comme l’a demandé elle-même l’a signalée).

1
Bigue Nique

Désinstallez le plug-in et ajoutez-le à votre fichier functions.php

add_filter('jpeg_quality', function($arg){return 100;});
add_filter( 'wp_editor_set_quality', function($arg){return 100;} );

Cependant s'il vous plaît soyez conscient que. vous devez toujours compresser vos images avant de les télécharger pour améliorer les performances.

0
robwatson_dev