WordPressで画像サイズを変更できない時の原因と解決法10選 (2026年版)

WordPressで「画像サイズを変えたいのに変わらない」は、原因が10パターンほどに収束します。ブロックエディタの仕様・テーマCSSの上書き・メディア設定・サーバー側のリミット・プラグイン競合のどれかです。

この記事では、それぞれの原因の見分け方と直し方を順に書きます。最後にiPhoneから最初から最適サイズでアップロードする方法も置いておきます。

このトラブルの典型パターン

画像サイズが変更できない問題は、エディタの種類で症状が違います。

• ブロックエディタ (Gutenberg): 右サイドバーの「画像設定 → 幅」を変えても、プレビューで元に戻る
• クラシックエディタ: 画像をクリックして「ハンドル」を引っ張っても動かない、または引っ張った直後にリセット
• メディアライブラリの編集画面: 「画像を編集」をクリックしても寸法入力が反応しない

どの場面で起きているかで、原因の絞り込みがかなり進みます。アップロード自体が失敗している場合は WordPressで画像がアップロードできない原因8つ を先に確認してください。

原因1: ブロックエディタの「画像幅」が制限されている

ブロックエディタは、テーマの「コンテンツ幅」を上限としてリサイズします。コンテンツ幅が720pxのテーマでは、画像幅もそれが上限です。

解決法

1. 画像ブロックを選択し、ツールバーの「整列」で「幅広」または「全幅」を選ぶ
2. テーマカスタマイザーで「コンテンツ幅」項目を広げる (テーマによる)
3. テーマのfunctions.phpで add_theme_support('align-wide'); を追加 (テーマが対応していない場合)

「全幅」を使うと画面端まで画像が伸びます。記事本文の幅を超えて大きく見せたい時に有効です。

原因2: テーマCSSで width: 100% !important がかかっている

SWELL・Cocoon・JIN:Rなどの国産テーマは、レスポンシブのために画像幅を自動的に100%に固定するCSSを入れています。これがブロックエディタの幅指定を上書きするため、何を指定しても100%表示になります。

開発者ツールで確認する

1. 記事ページを表示
2. F12で開発者ツールを開く
3. 画像を右クリック → 「検証」
4. 右側「Styles」パネルで width プロパティを探す
5. !important がついているCSSがあれば、それが犯人

解決法

1. 「外観 → カスタマイズ → 追加CSS」を開く
2. 個別ブロッククラスで上書き: .wp-block-image.size-custom img { width: 50% !important; height: auto !important; }
3. または個別の画像に追加CSSクラス (例: my-half-image) を付けて、.my-half-image img { width: 50% !important; } を当てる

!important の応酬は本来好ましくないですが、テーマCSSを書き換えるよりは安全です。

原因3: フルワイドのブロックパターンに該当

WordPress 5.5以降の「ブロックパターン」や、テーマの「カバー」ブロックは、画像を全幅で表示する前提で組まれています。これらのパターンの中に置いた画像は、サイドバーの幅指定が効きません。

解決法

1. 画像をパターンの外に出す
2. カバーブロックではなく標準の画像ブロックに置き換える
3. パターン全体の幅を狭めて、内部の画像も連動して縮める

原因4: 画像の最大サイズが Media Library 設定で制限

「設定 → メディア」で「サムネイル・中サイズ・大サイズ」の最大寸法が指定されています。ここで指定された寸法を超えるサムネイルは生成されません。

解決法

1. 「設定 → メディア」を開く
2. 「大サイズ」の幅と高さを拡大 (デフォルト1024×1024、これを1920×1920などに)
3. 「Regenerate Thumbnails」プラグインで既存画像のサムネイルを再生成

新規アップロード分にだけ反映され、既存画像は再生成が必要な点に注意してください。

原因5: 親要素 (記事カラム) が狭い

画像本体は1200pxあっても、記事カラムが720pxなら、表示は720pxで頭打ちです。「画像の右下ハンドルを引っ張っても大きくならない」場合、ほとんどこのケースです。

解決法

1. テーマカスタマイザーで「コンテンツ幅」を広げる
2. 画像ブロックを「幅広」または「全幅」に切り替える
3. サイドバーレイアウトを「1カラム」に変更して本文幅を広げる

原因6: メディアサイズの自動生成設定 (Settings → Media)

WordPressはアップロード時に複数サイズを自動生成します (サムネイル・中・大)。テーマやプラグインが追加でカスタムサイズも生成します。ブロックエディタのサイズ選択肢は、ここで生成されたサイズの中から選ぶ仕組みです。

解決法

1. functions.phpに add_image_size('extra-large', 1920, 1080, true); を追加
2. 「Regenerate Thumbnails」プラグインで既存画像にも適用
3. サイドバーの「画像サイズ」ドロップダウンに新しい選択肢が出現する

原因7: 古いブラウザキャッシュ

変えたはずなのに変わっていないように見える時、まず疑うべきはブラウザキャッシュです。WordPressは画像URLにバージョンクエリを付けないことが多く、同じファイル名で再アップするとブラウザは古いキャッシュを使い続けます。

解決法

1. Cmd+Shift+R (Windows: Ctrl+Shift+R) でハードリロード
2. プライベートウィンドウで開いて確認
3. キャッシュプラグイン (WP Super Cache、W3 Total Cacheなど) のキャッシュを削除
4. Cloudflareなど CDN を使っている場合はCDN側のキャッシュも削除

原因8: 投稿エディタが古い (旧 TinyMCE) で機能差

「Classic Editor」プラグインで旧エディタを使っている場合、画像のサイズ変更操作はTinyMCEに依存します。ブロックエディタとは別の挙動になり、テーマによっては「ドラッグでリサイズ」が無効化されています。

解決法

1. 「ビジュアル」モードで画像をクリック → 鉛筆アイコン → 「サイズ」をプルダウンで指定
2. 「テキスト」モードに切り替えて、img タグに width="600" を直書きする
3. クラシックエディタに固執しないなら、ブロックエディタへの移行を検討

原因9: HEICなど対応していない画像形式

iPhone標準のHEIC形式は、WordPress 6.7以降で公式対応になりましたが、共有レンタルサーバーの古いPHP環境ではまだ動かないことがあります。HEICのままアップしても、サムネイル生成が走らず「画像編集」が無効になります。

解決法

1. iPhoneの「設定 → カメラ → フォーマット」を「互換性優先」に変更
2. すでに撮影済みのHEICはMacやオンラインツールでJPEG変換
3. HEIC自動変換アプリ (SnapPressなど) を使って送信時にJPEG化

HEICまわりの詳細は WordPressでHEICがアップロードできない時の対処法 や 「セキュリティ上の理由でアップロードできません」の解決法 を参照してください。

原因10: プラグイン競合

画像最適化プラグイン (Smush、EWWW、ShortPixel) は、アップロード後にサムネイルを自動で再圧縮・再生成します。これがブロックエディタのサイズ指定と競合し、「指定したのに別サイズで配信される」状態を作ります。

解決法

1. 全プラグインを一旦停止
2. サイズ変更が効くか確認
3. 1つずつ有効化し直して原因プラグインを特定
4. 該当プラグインの設定で「サムネイル再生成」「WebP自動変換」を一時停止

原因別の最初に試すこと早見表

症状	まず疑うこと
サイズ指定が即リセットされる	原因2: テーマCSSの width: 100% !important
ハンドルを引っ張っても動かない	原因5: 親カラムの幅上限
「画像を編集」ボタンが無反応	GD/Imagick欠如、または原因9: HEIC形式
選べるサイズに「大」しかない	原因6: メディアサイズ自動生成
アップ後に勝手に縮小される	Big image size threshold (2560px制限)
変えたはずなのに見た目が変わらない	原因7: ブラウザ/CDNキャッシュ

iPhoneから最初から最適サイズでアップする方法

10通りの原因を1個ずつ潰せる人なら自力で解決できます。ただ、毎回これをやるのは正直しんどいです。

SnapPress はiPhoneからWordPressに写真を一括アップロードする専用アプリです。「アップロード前にiPhone側で適正サイズに整える」というアプローチで、上記10原因のうち半分くらいを根本回避できます。

• 3段階の画質プリセットで自動リサイズ: 「中」を選べばWeb掲載向けの幅1200pxに自動調整。ファイルサイズも揃う
• HEIC → JPEG自動変換: iPhone標準のHEIC形式をWordPressが扱える形に自動変換 (原因9を回避)
• 2560px上限に引っかからない: 送信前に1920px以下にリサイズすれば、Big image size thresholdの自動縮小も回避
• 最大20枚を一括送信: 商品撮影、イベント写真の大量アップに最適
• WordPress REST APIで直接送信: ブラウザ依存のプラグイン競合を避ける

アイキャッチに使う場合の最適サイズは WordPressアイキャッチ画像のサイズは1200×630pxが基本 でまとめています。

よくある質問

SWELLで画像サイズが変えられない

SWELLは独自CSSで .wp-block-image img に幅100%を当てています。「外観 → カスタマイズ → 追加CSS」で .wp-block-image.size-custom img { width: 50% !important; height: auto; } を追加すると、サイズ指定が効くようになります。

Cocoonでサイズが選べない

Cocoonは「Cocoon設定 → 画像」で表示サイズ上限を設定できます。ここの上限を上げると、ブロックエディタで選べるサイズも広がります。

JetpackがONだとサイズ変更できない?

JetpackのImage CDN (Site Accelerator) を有効にしていると、画像URLがJetpack CDNのものに置き換わります。CDN側で自動リサイズが効くため、ブロック側の指定が反映されないことがあります。「Image CDN」を無効化すれば直ります。

画像のサイズを変えるとぼやけて見える

元画像より大きく表示しようとすると、画素が引き伸ばされてぼやけます。最低でも表示サイズの2倍 (Retina対応) の解像度の画像を用意してください。

サイトを移転したら画像サイズが変わった

サムネイルファイルが移転先に正しくコピーされていない可能性があります。「Regenerate Thumbnails」プラグインで再生成すると直ります。並行して wp-content/uploads のパーミッションも755に再設定してください。