3:1の帯と、Xによる追加の切り取り
埋めて切り取るは、横長写真の幅をすべて残して上下から840pxずつ切ります。縦長写真なら高さの4分の1しか残りません。被写体が縦方向の中央にないときは、切り抜きで帯を自分で選びます。
アップロード後、Xは画面やブラウザによって、推奨サイズ1500 × 500の画像の上下を最大60pxずつ切ることがあります。常に見えるのはおよそy 60〜440、500のうち380pxです。Xのヘルプはそれ以外のセーフゾーンを説明していないので、ほかの重なりはここでは扱いません。
- 3:1
- 1500 × 500。幅が高さの3倍。
- 上下の切り取り
- Xのヘルプによるとそれぞれ最大60px。
- 静止画のみ
- プロフィール画像やヘッダーにアニメーションGIFは使えません。
写真から1500 × 500へ(コードから計算)
1,200万画素の元画像を例にしたサイズ変更タスクのcoverの計算で、60pxの余白はXのヘルプの数値です。
横長 4032 x 3024 -> 4032 x 1344を切り出し(上下840 pxずつ)、44 %を残す
x 0.372倍 -> 1500 x 500
縦長 3024 x 4032 -> 3024 x 1008を切り出し(上下1512 pxずつ)、25 %を残す
常に見える部分: 500 - 2 x 60 = 高さ380 px(y 60 .. 440)
横長の元画像では 380 / 0.372 = 高さ約1021 px
つまり横長写真の高さのおよそ3分の1しか、見えることが保証されません。サイズを変える前に被写体を帯の中央に置きます。
Xのヘッダーに設定する
- X.comにログインするか、Xのアプリを開きます。
- プロフィールに移動し、Edit profile(プロフィールを編集)をクリックまたはタップします。
- ヘッダーのカメラアイコンをクリックまたはタップし、Upload photo(写真をアップロード)を選びます。
- Apply(適用)をクリックします。押さないと画像は保存されないとXは説明しています。
- Save(保存)をクリックまたはタップします。
2026-09-28のXヘルプセンターに書かれた手順と1500 × 500の推奨値で、かっこ内の日本語メニュー名は参考です。
結果の確認
- 結果に
1500×500 と出ます。 - 横長のモニターとスマホでプロフィールを確認します。文字が上下60pxにかかっていないはずです。
- GIFをアップロードしたなら、静止画であることを確認します。
トラブルシューティング
| 症状 | 考えられる原因 | 確認方法 | 対処 |
|---|
| ヘッダーの上下が切れる | Xが表示環境によって上下最大60pxずつ切る | 内容がy 60〜440の中にあるか測る | 文字を中央の380pxに収めて書き出し直します |
|---|
| 写真の細い部分しか残らない | 4:3や縦長の写真を3:1でcoverした | 元画像と比べる | 先に切り抜きで帯を自分で選びます |
|---|
| アニメーションGIFが動かない | Xはヘッダーのアニメーションを扱わない | — | 静止画を使います |
|---|
| アップロードが終わらない | Xのヘルプによれば、適用を押していないかブラウザが古い | Applyを押していない | Applyを押してからSaveし、別のブラウザでも試します |
|---|
ほかの方法
| 方法 | こんなときに向いています |
|---|
| LinkedInのバナー | 同じ絵を、さらに横長の4:1の帯を使うLinkedInにも使う場合。 |
|---|
| Xのヘッダーギャラリー | Xはサイズの合ったヘッダー画像を用意しており、アップロードできないときのテンプレートとしてヘルプが勧めています。 |
|---|
この方法の限界
- Xが示しているのは上下60pxの切り取りだけで、それ以外のセーフゾーンは文書化されていないため、ここでも主張しません。
- 確認したページにはヘッダーの最大ファイルサイズの記載がありません(プロフィール写真は2MB)。
バージョンと出典
サイズ・形式・60pxの切り取り・手順は、2026-09-28に読んだXヘルプセンターの「プロフィールをカスタマイズする方法」と「プロフィール画像のアップロードに関するヘルプ」から取りました。切り抜きの数値は src/task/resize.js と src/image.js の fitQuality() に従います。
参照した公式ドキュメント
X(Twitter)ヘッダーサイズ(1500×500)に変更
横1500・縦500px(比率3:1)に設定済みです。比率が違う写真は中央基準で切り抜いて埋め(cover)、余白を入れたい場合はcontainに切り替えます。
Picaのmks2013フィルターで拡大縮小します。推奨サイズは変わることがあるため、投稿前に各サービスの案内も確認してください。
ファイルはサーバーにアップロードされず、このブラウザ内だけで処理されます。
画像サイズを変更
幅と高さを指定。縦横比も維持できます。
使い方
- 元ファイルを開く
- 処理方式と設定を選ぶ
- 実行して結果を確認し保存
対応形式
PNG / JPG / WebP / AVIF / HEIC → PNG — 読み込み・書き出しはブラウザの対応状況によります。 アニメーション入力は非対応です。静止フレームを選択してください。
このツールでできること
タイル型mks2013・Lanczos補間と数値サイズ・比率・長辺・画素数の設定。
処理方式と検証状況
advanced · Pica tiled mks2013 / Lanczos. 品質検証中です。Pro・Flagship水準はまだ実証されていません。
書き出す前に
端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。
よくある質問
対応サイズは何で決まりますか?
端末のメモリ・保存容量・コーデック対応によります。テスト例はすべてのファイルの動作保証ではありません。
ファイルはアップロードされますか?
このツールで開いたファイルはアップロードせず端末で処理します。コミュニティの投稿に明示的に添付する画像は別途アップロードされます。一部のエンジンやモデルは外部から取得するため、IPアドレスなどの接続情報は配信元に伝わります。
作業は自動保存されますか?
いいえ。画像と編集状態はこのタブに保持され、メディア出力は端末の一時保存を利用する場合があります。言語を変えても作業は残りますが、再読み込み、タブを閉じる操作、別のページへの移動で失われることがあります。