【WordPress】【Cocoon】記事内に表示させた画像が荒くなる

原因

Cocoonの画像の設定によるもの。
「画像の囲み効果」を「ボーダー(薄い太線)」にしていると、画像が荒くなる。

対応策

「画像の囲み効果」を「ボーダー(薄い太線)」以外にする。

「画像の囲み効果」を「なし」または「シャドー(薄い影)」にした場合は、画像が荒くならないことを確認した。

備考

念のため、画像アップロード時に圧縮されないようにした。
具体的には「functions.php」に以下のコードを追記した。

//画像アップロード時の圧縮率を100(無圧縮・無劣化)にする
add_filter( 'jpeg_quality', function( $arg ){ return 100; } );
タイトルとURLをコピーしました