WordPressにアップした画像が勝手にpng→jpgに?原因は「EWWW Image Optimizer」かも

  • 2022年4月10日
  • 2022年4月11日
  • WordPress

WEBデザイナーのおかぴーです。

 

前回のコメント欄のカスタマイズ記事をアップした際に、サムネイル画像がなぜかpng形式でアップしたにも関わらず、jpg形式でアップされていることに気づきました。

png形式がjpg形式に勝手に切り替わってしまう 対応方法

今、載せてる画像は修正後のキャプチャですが、ここが何回やってもjpgになってしまうという...

 

おかぴーおかぴー
アップした画像を削除し、別名にしてアップしたりも試しましたが解決せず。
みみこみみこ
私も同じようになったことがありました。でも、表示された画像は見た目がそこまで差がなかったのでそのままにしてます。

 

調べた結果、僕が使っているプラグイン「EWWW Image Optimizer」に原因があることが分かりました。

結論として、プラグインが最適になるように変換してくれてたのですが、見た目や画像容量など支障がないのであればそのままでも問題ないと思います^^

 

 

EWWW Image Optimizer

ewww-image-optimizer

 

このプラグインでは、様々なオプションで画像の圧縮設定をすることができるのですが、

以下の3つの条件に該当すると、プラグイン設定に関係なく画像がpngからjpgに変換されてしまうようです。

  1. png画像が300KBを超えている
  2. 透過されていないpng画像
  3. jpgに変換すると画像が小さくなる

 

②の透過されていないpngとは、背景が塗りつぶされていない画像のことです。

ちなみに、無料デザイン作成ツール「Canva」は無料プランの場合、png形式で保存しようとしても背景が透過されないようになっています。

 

Canvaの画面はこちら↓

canva 無料プラン png 透過できない

 

透過についてPhotoshop画面で確認する↓

詳しくはこちら
<背景が透過していないパターン>
背景を青いグラデーションレイヤー(グラデーション1という名前のレイヤー)で塗りつぶしています。png形式がjpg形式に勝手に切り替わってしまう 対応方法<背景が透過しているパターン>
塗り潰しなどなく、背景に何も指定していない状態(グラデーションレイヤーを非表示にしています)。png形式がjpg形式に勝手に切り替わってしまう 対応方法

 

僕はpngはそのままの形式で使いたいので、この設定を無効にしようと思います。

 

勝手に変換されるのを防ぐコード

WordPressの「functions.php」にコードを追加します。

ファイル内に以下のコードを貼り付けることで、アップをしても勝手に変換されることは無くなりました。

 

カスタマイズする時は、子テーマを使って、バックアップをとってから行ってください。カスタマイズについては必ず自己責任でお願いいたします。

特に、functions.phpは間違えると画面が表示されなくなる可能性のあるファイルなのでご注意ください。また、必ず子テーマでカスタマイズしてください。

 

 functions.phpの一番下にコピペ
// EWWW Image Optimizerのpng形式→jpg形式への自動変換を無効にする
define( 'EWWW_IMAGE_OPTIMIZER_DISABLE_AUTOCONVERT', true );

 

EWWW Image Optimizerのプラグインは、

画像の圧縮、Google推奨の軽量画像形式・WebP(ウェッピー)に自動で変換してくれる機能など、とても便利なので重宝しています^^

 

たまたま気づいたので記事にしましたが、もし同じように気になる方がいたら参考になれば嬉しいです。

ではまた!

おまけ

「ある程度ブログのデザインも納得したものができてきたなぁ」

「次はこのブログを、稼げるブログにしたい!」

と思っている方へ。

 

ブログ収益化において、

デザイン効果と組み合わせることで反応率が高まる効果的な方法があるのですが、

僕が勤めている会社では、とても言えない(というか教えたくないw)内容を、

ここだけの話で公開しようと思います。

 

どんな話かと言うと、

「発信するテーマ(内容)に合わせた最適な収益化方法が分かる」というものです。

 

100人いれば、100個のブログがあり、コンセプトがあります。

それによって収益化の方法も様々です。

 

デザインは視覚的に注目を集める力がありますが、その先の収益化へ進むには間違いなく発信内容に合わせてブログを構築していく必要があります。

 

あなたは最適な収益化方法を選択できていますか?

きっと、今ブログで伸び悩んでいる人には新しい発見になるはず^^

 

興味がある方は「こちら」をご覧ください〜

ストレスフリーなブロガーライフを送ろうWPテーマ「THE THOR」でリニューアル!" width="1280" height="479" >

WPテーマ「THE THOR」でリニューアル!

2年近く「STORK」を愛用してきた当ブログは、これから「THE THOR」でデザインも新たに生まれ変わりました。(STORK、今までありがとう!)

これからも当ブログではブログ作りに役立つ情報を発信していきます。よろしくお願いします(o^^o)

CTR IMG