【WordPress】アップロードした画像の色がくすむ場合の対処法

スポンサーリンク
WordPressアップロードした画像の色がくすむ

Photoshopなどの画像加工アプリで画像を加工した後、WordPressにその画像をアップしたら色がくすむ(彩度が落ちる)のは、その画像にカラープロファイルが埋め込まれていることが原因の場合が多い。

スポンサーリンク

本来の彩度(鮮やかさ)が失われた画像になってしまう

Photoshopなどの画像加工アプリで画像を加工した後、WordPressにその画像をアップしたら色がくすむ(彩度が落ちる)経験をしたことはないだろうか。

彩度が失われくすんだ画像と本来の彩度の画像の比較

上画像のスライダーを左右に動かしてみて欲しい。これは実際ブログにアップした結果の画像である。鮮やかな画像なので余計に色がくすんでいるのが分かるだろう。これは記事のヘッダーに使った画像なのだが、これほど印象が異なると読者の印象も変わってくる。

スポンサーリンク

解決法

色がくすむ原因はさまざま考えられるが、もしPhotoshopなどの画像加工アプリで加工したものをアップしたならば、その画像を保存した時にカラープロファイルを埋め込んでいる可能性がある。これを解決する方法は以下のようになる。書き出したファイルを開いてみると何も変わっていないように見えるが、アップロードしてみると彩度が失われていないことがわかる。

Photoshopの場合

Web用に保存ウインドウ
「Web用に保存」ウインドウ

Photoshopの場合は、画像を開き、ファイルWeb用に保存内にある「カラープロファイルの埋め込み」を解除。そして保存する。

Affinity Photoの場合

Affinity Photoの「エクスポートの設定」
Affinity Photoの「エクスポートの設定」

Affinity Photoの場合は、画像を開き、ファイルエクスポートエクスポートの設定内にあるその他→「ICCプロファイルを埋め込む」を解除。そして保存する。

スポンサーリンク

おまけ━━DTPの場合

Photoshopの保存画面
Photoshopの保存画面

ちなみにDTPで、IllustratorやInDesignに配置する画像を保存する場合は、上画像のようにICCプロファイル:xxxxx(xxxxxの部分は設定しているプロファイルによって異なる)のチェックを外す。これを外さないと制作者が想定している色と印刷される色が異なる場合がある。

WordPressレッスンブック 5.x対応版
WordPressレッスンブック 5.x対応版
LINEでもご質問・ご相談を受け付けています
LINEで気軽に質問!

デザインに関する、お問い合わせ、ご相談はLINEでも受け付けています。LINEでの内容は非公開、秘密厳守ですので安心してご使用いただけます。

下の「LINEで質問」ボタン、またはスマートフォンでQRコードを読み込むか、@bcn3204o を検索して米本デザインまでお願いします。

メールまたはLINEでのお問合せはこちらまで
WordPressのカスタマイズならbluetraff design
WordPress
スポンサーリンク
フォローをお願いします!
bluetraff design
タイトルとURLをコピーしました