【技術編】画質は2倍、容量は半分？AI推薦の最強画像アップロード術

【はじめに】きれいな画像は「重い」というジレンマ

「せっかく作った画像、できるだけ高画質で見せたい！」そう思って、張り切って高画質の画像をアップロードしたら、サイトの表示スピードが遅くなってしまった……。そんな経験はありませんか？

Webの世界では、「高画質＝重い（表示速度が遅い）＝読者が逃げる（SEO評価が下がる）」という厳しい現実があります。でも、諦めないでください。「画質はキレイなのに、データは軽い」そんな魔法のようなテクニックが存在しました。

今回は、私がジェミニさんと検証を重ねてたどり着いた、画質と速度を両立する「2倍書き出しの法則」と、未来の自分を助ける「ファイル名のルール」を共有します。

魔法のレシピ「サイズ2倍の法則」

Canvaなどのツールで画像を作り、いざ書き出す（ダウンロードする）時。私は以下の設定を行っています。

そう思われるのも無理はありません。でも、これには現代のスマホ事情が深く関わっているんです。

なぜ「2倍」にするのか？（Retina対策）

今のスマホ（iPhoneなど）の画面は、本当に目が良い（高精細）です。元のサイズ（1200px）のまま表示すると、高精細な画面では「無理やり引き伸ばされた」状態になり、文字の輪郭がボヤッとしてしまいます。

そこで、あえて「2倍の大きさ（2400px）」で書き出します。これをブログ上で「ギュッ」と凝縮して表示させることで、驚くほど「カチッ」とシャープな文字に見えるようになるんです。

なぜ「JPG」で「画質80」なのか？

ここで「PNG」を選んでしまうと、容量が3MB 〜 10MBと爆発的に重くなり、Webサイトでは使い物になりません。しかし、「JPG」で「画質80」に設定すれば、容量は300KB 〜 800KB程度（許容範囲）に収まります。

この「密度のマジック」を使うことで、プロのようなクリアな画質を手に入れることができます。

強力な助っ人「EWWW Image Optimizer」

「JPGで作ったけど、もっと軽くしたい……」そんな私の願いを叶えてくれるのが、WordPressプラグイン「EWWW Image Optimizer」です。

このプラグインの素晴らしいところは、私たちが寝ている間（というのは大袈裟ですが、アップロードした瞬間）に、以下の仕事を勝手にやってくれることです。

実は、高機能なCanvaにも弱点があります。それは、「WebP形式での直接書き出しができない（標準機能にない）」ということです。

と思われるかもしれませんが、安心してください。そこで登場するのが、この「EWWW Image Optimizer」というプラグインです。

このプラグインを入れておけば、Canvaからいつも通り「JPG」で書き出してアップロードするだけで、WordPress側で勝手に「WebP」に変換してくれます。

まさに、Canvaの足りない部分を補ってくれる「最強の相棒」なんです。難しいことは全部、この助っ人にお任せしてしまいましょう。

【容量の合格ライン】最終的に、メディアライブラリに入った時点で以下の容量なら合格です！

未来の自分を救う「ファイル名のルール」

最後に、地味ですが「一番やっておいて良かった！」と心から思う設定をお話しします。それは、画像の「ファイル名（名前）」です。

【NG行為】

これらをそのままアップロードしていませんか？日本語のファイル名は、予期せぬエラー（文字化け）の原因になるだけでなく、後で検索する時にとても苦労します。

【正しい管理法】

必ず「半角英数字」と「ハイフン（-）」で名前をつけてからアップロードしましょう。

【メリット】数年後の自分が泣いて喜ぶ

こうしておくと、WordPressのメディアライブラリで「smile」と検索するだけで、笑顔のアイコンがズラッと出てきます。「あの笑顔のアイコン、どこだっけ……？」と数千枚の画像から探し回る地獄を味わわなくて済むルールです。

また、Google画像検索でも、このファイル名は「何の写真か」を判断する重要なヒント（SEO評価）になります。見えない部分ですが、ここを整えることが「Webサイトへの愛」だと私は感じました。

これで、参考にされた皆さんのサイトにも軽くて美しくて管理しやすい最高の画像が揃いました。でも、画像が増えてくると、今度は「メディアライブラリがぐちゃぐちゃ」という問題が発生します。

そこで次回の【完結編】となる第 3部では、増え続ける画像をスッキリ整理する「フォルダ分け」の技術と、サーバーの容量を守る大切な設定についてお話ししますね。