最初に確認する設定
- 出力寸法の例
- 1200×630px
- 仕上がり
- 枠いっぱい・中央を切り抜く
- 出力形式
- WebP
- 品質の例
- 80%。細かい文字や写真の見た目を確認してください
設定例は変更できます。掲載・提出先の条件を優先し、原本は残してください。
作業の進め方
- 「ブログ画像の手順を開く」から、寸法とWebP変換の設定を確認します。本文用の縦長画像などは、掲載枠に合わせて変更してください。
- 画像を選んでまとめて実行します。画像に文字がある場合や、切れて困る部分がある場合は、結果の比較で確認してください。
- 出力寸法・形式・実際の容量を確認して保存します。さらに容量を調整したい場合は、圧縮を3工程目に追加できます。
仕上がりで確認すること
- 1200×630pxは設定例です。すべてのブログテーマ・SNS・OGPの推奨仕様を表すものではありません。
- WebP化だけで必ず容量が減るわけではありません。もともと小さい画像や内容によっては増える場合があります。
- WordPressへの自動投稿、画像配信CDN、ページ全体の速度改善や検索順位の保証は提供していません。掲載先の対応形式も確認してください。
よくある質問
写真とロゴを同じ設定にしてよいですか？
写真は画質を調整しながら容量とのバランスを確認できます。ロゴや細かい文字では輪郭が変わることがあるので、元画像と比べ、必要に応じてPNGや高い品質を選んでください。
透明な背景は残せますか？
WebP・PNGは透過に対応しています。設定の「透過を保持」を確認してください。JPGへ変更すると透明部分は背景色に変わります。
何度もアップロードが必要ですか？
同じ連続加工の中では、工程の出力を次の工程へ自動で渡します。ひとつ道具では画像本体をサーバーへ送信しません。再読み込みや新しいタブでは元画像を選び直してください。
同じ作業を、次回も使うなら
連続加工では最大3工程をまとめて実行でき、ログイン後に手順と設定を保存できます。保存するのは設定で、画像本体ではありません。タブを閉じる・再読み込みする前に結果をダウンロードし、次回は画像を改めて選んでください。
基本ツールは無料です。有料プランの準備状況や提供範囲は料金ページでご案内します。関心登録による契約・請求は発生しません。
ブログ画像の手順を開く参考情報
web.dev：用途に応じた画像形式の選び方。掲載・提出先の最新条件は、そのサービスの案内をご確認ください。