AIで画像を増やすほど必要になる、WordPressの軽量化ルール

AIを使うと、サイトに合う画像を短時間でたくさん用意できます。しかし、大きな画像をそのままWordPressへ追加し続けると、スマホ表示が遅くなり、管理画面でも探しにくくなります。

画像を作る前に、用途ごとの比率とサイズを決めます。アイキャッチ、一覧カード、人物写真、商品画像、背景画像では必要な形が違います。

一覧カードはCSSで画像比率と高さを固定すると、元画像の縦横が違ってもカードがそろいます。

軽くする基本は次の通りです。

・必要な大きさへ縮小する

・写真はWebPやJPEGで保存する

・巨大な原寸画像を背景に使わない

・同じ画像を何度も登録しない

・画質を見ながら圧縮する

ファイル名は内容と用途が分かるものにし、代替テキストには画像が伝える内容を書きます。フリー素材は配布元や利用条件も確認します。

公開前にはPCとスマホで切り抜き位置、カードの高さ、文字入り画像の読みやすさ、画像がない場合の表示を確認します。

AIには画像を作らせるだけでなく、保存と表示のルールも守らせる。これが、見た目の豊かさと表示の軽さを両立する方法です。