WordPressの画像ぼかしソリューション：高精細な画質を保つ3つのストローク

WordPressを使用してウェブサイトを構築する過程で、多くの友人が問題に遭遇する：ウェブサイトの表示上のアップロードされた画像が明確ではありません。
明らかに、アップロード前は非常に鮮明に見えた高解像度の画像が、表示後にはぼやけ、エッジがギザギザになり、細部が失われている。これは、WordPressのシステムがデフォルトで圧縮画像特にJPEG形式は自動的に画質を落とす。

この記事では、より美しく、プロフェッショナルに見えるウェブページのために、画像の鮮明さを保つためのいくつかの方法をご紹介します。

I. WordPressのデフォルト圧縮の理由

WordPress 4.5から、システムはアップロードされたジェイペグ画像を82%の画質に圧縮することで、サイズを小さくし、ウェブサイトを開く速度を向上させています。

意図するところはいいのだが、結果は往々にしてそうなる：

画像のブレ
粗いエッジ、ピクセルの歪み
Retina HDデバイスではさらに悪い

II.方法1：コードで自動圧縮をオフにする（少し経験のある人向け）

WordPressのデフォルトの圧縮動作をオフにするには、このシンプルなコードを使用します。

手順は以下の通り：

バックステージにログイン

外観]→[]をクリックするテーマファイルエディタ]

探して開く functions.php 書類

一番下に以下のコードを追加する：

// WordPressのJPEG画像圧縮をオフにする
add_filter('jpeg_quality', function($arg){ return 100; })；

このコードは、WordPressの圧縮を100%に調整し、元の画像の品質を維持するためのものです。

操作完了後、アップロードされた新しい画像は鮮明なままです。

念のため、操作前にファイルをバックアップしておくことをお勧めします。

方法2：Imsanityプラグインを使う（ゼロベース推奨）

コードに詳しくないユーザーは、プラグインを使って問題を解決することもできる。ここでは、操作が簡単な無料のおすすめプラグインをご紹介します。イムサニティ

イムサニティは何をしているのか？

アップロードされる画像の最大サイズを自動的に制限します。
デフォルトの圧縮率の設定
設定を簡単に調整できるグラフィカル・インターフェースを提供
サイトの効果に影響を与えるような、サイズの大きい画像や不鮮明な画像のアップロードは避けてください。

インストールとセットアップのプロセス：

1.バックオフィスへのアクセス

2.プラグイン]→[プラグインのインストール]をクリックします。

3.検索キーワードイムサニティ

4.プラグインのインストールと有効化

5.設定]→[Imsanity]をクリックし、以下の設定を行う：

最大幅：1920
最大高さ：1080
JPEG圧縮品質：90または100（値が高いほどシャープネスが高い）

保存後、プラグインはアップロードされた画像を自動的に処理し、過剰圧縮によるぼやけを避けるためにサイズと品質を制御します。

Imsanityは、すでにアップロードされた画像を変更することはありませんが、古い画像のバッチ再処理をサポートしています。

方法3：WebP画像フォーマットの使用

ウェブピー鮮明な画質と軽量サイズの利点を持ち、画質と性能のバランスが取れた最新の画像フォーマットである。

WordPress 5.8では、WebP画像の直接アップロードに対応しました。

JPG、PNGをWebPに変換するには、次のツールやプラグインを使用することができます：

オンラインツール：Squoosh、TinyPNG

推奨プラグインショートピクセルウェブピー・エクスプレス

WebP形式は、バナーや商品画像、記事の表紙などに適しています。

第五に、追加の推奨事項：大きな写真を表示するためにWordPressの自動トリミング小さな画像を使用しないでください。

WordPressは画像をアップロードすると、自動的に複数のサイズ（サムネイル、中、大）を生成します。

システムによって自動的に切り取られた小さな画像を、ディスプレイ用の大きな画像として使用すると、不鮮明になります。

正しいアプローチは以下の通りである：

十分な大きさの高解像度のオリジナル画像をアップロードする。
を使用する。 HTML またはCSSで表示サイズを設定する]。

の使用は避けてください。 -300x300.jpg このような圧縮画像をメイン画像とする

推奨設定のまとめ

方法論	操作難易度	こんな方におすすめ
コード圧縮を無効にする	控えめ	経験者
Imsanityプラグイン	簡単	駆け出し
WebPフォーマットの使用	控えめ	品質と読み込み速度を求める方へ
サムネイルでの拡大表示を避ける	簡単	みんな

結びの言葉

不鮮明な写真問題の根本は、WordPressの自動圧縮と、アップロード後にユーザーがサイズをコントロールできていないことにある。
アップロードソースから品質をコントロールし、適切なツールで画像サイズを管理することで、ページの視覚効果はより明確でプロフェッショナルなものになります。

ぼやけた写真に悩まされている方は、この記事の方法を試してみてください。

WordPressの最適化、画像操作のテクニックは今後も継続的にシェアしていきます！

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み