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

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

今回の記事ですが、コメント欄のカスタマイズ記事をアップした際に、

サムネイル画像がなぜかpng形式でアップしたにも関わらず、jpg形式でアップされていることに気づきました。

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

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

おかぴー

アップした画像を削除し、別名にしてアップしたりも試しましたが解決せず。

みみこ

私も同じようになったことがありました。でも、表示された画像は見た目がそこまで差がなかったのでそのままにしてます。

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

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

こんな方に読んで欲しい

この記事で分かること
  • WordPressで、png形式でアップした画像が、jpg形式に変わってしまう原因を知りたい
  • デザインツール「Canva」でpng形式にしても背景が透過できない

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

目次

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の一番下にコピペ↓

// EWWW Image Optimizerのpng形式→jpg形式への自動変換を無効にする
define( 'EWWW_IMAGE_OPTIMIZER_DISABLE_AUTOCONVERT', true );

EWWW Image Optimizerのプラグインは、

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

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

ではまた!

おまけ

ブログを作っていると、ふと

「見た目をもっとカッコよくしたい」「おしゃれでキレイな感じにしたい」っていう衝動が来ませんか?

みみこ

あるあるですね(笑)なんかしっくりこないなーとか、
でも、どう作っていいか操作も含めて分からないことがあります。

おかぴー

そんな時は、WEBデザインの勉強を少しだけでもいいので、
やってみるのもいいと思います^^

僕は見た目が納得がいくものが作れると、モチベーションが上がります。

よーし!また記事を書こうかな〜って思えるし、書いたものを見返して

「 はぁぁぁぁ〜(*´꒳`*)ウキウキ 」

ってなります(笑)

僕がこのブログを通して知り合った方は、みなさん自分のブログの見た目(デザイン性)とか、作り込み(WordPressの操作)に悩んでいる方が多かったです。

僕自身も初めはWordPressの管理画面からよく分からなくて、どこをいじったら何が変わるのか?もそうだし、

色を変えたり大きさ変えたり、基本的な内容でも何時間もかかったことがありました。

知り合った方のお悩みを聞いて改めて感じたことは、

そもそもWordPressでブログを作る=WEBデザインの知識が多少なり必要になるということです。

デザイン知識然り、コーディング知識しかり。。

でも、WEBデザインの勉強と言ってもその範囲はめちゃくちゃ広いし、ぶっちゃけ終わりはありません。

専門用語も多いし、だからと言って初心者の人が幅広く手を出して勉強するのも大変です。(ゴールを見失います)

それなら、

WEBデザイン初心者の人でも、モチベーションが爆上がりできるような必要範囲を絞ったブログ制作の教材があったらいいんじゃないか?と思ったんですが、どうでしょうか?(*^^*)

具体的には、こんな内容を盛り込む予定です↓

  • WEBデザインの知識を活かして魅力的なメインビジュアル(ブログのメイン画像・アイキャッチ画像)を楽しみながら作れるようになれる
  • カスタマイズが一定レベルでできるようになれる
  • パソコン自体の知識も身に付く
  • 程よい範囲のWEB知識がつくから、情報リテラシー(※)が高くなる
  • 登録してくれた方それぞれのお悩みに特化した、特別コンテンツを受け取れる

※情報リテラシー:世の中にあふれる多くの情報を、適切に活用できる能力

これから作っていくことになるのですが、

提供開始まで先行登録してくれた方には別途プレゼントもお送りしたいと考えています

最新の知識を受け取ることができますし、

登録してくれた方それぞれのお悩みに応じたコンテンツの提供ができることも、このLINEの一つの魅力かなと。

少しでも作れるよ〜って人にも、ためになる内容を盛り込む予定もあるので、興味がある方はLINE登録してもらえると嬉しいです^^

↓↓↓

チェックしてね
「お気軽にどうぞ〜」
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次