フリーランスデザイナーが知っておくべき画像サイズ自動化の方法

「クライアントから急に"SNS用に各サイズで出してほしい"と言われた」「納品後にサイズが違うと差し戻された」——フリーランスデザイナーなら一度は経験するこのような状況。画像サイズの確認・変換・管理は地味ながら工数を大きく食う作業です。このガイドでは、クライアントからよく求められるサイズ一覧と、作業を効率化するための自動化手法を解説します。

クライアントからよく求められる画像サイズ一覧

フリーランスデザイナーが納品時に最もよく指定される画像サイズをまとめました。クライアントの業種・用途別に整理しています。

SNS運用クライアント向け（よく求められるセット）

用途	サイズ（px）	備考
Instagram フィード（正方形）	1080 × 1080	汎用性が高い
Instagram フィード（縦長）	1080 × 1350	エンゲージメント高め
Instagram ストーリーズ	1080 × 1920	広告にも使用
X（Twitter）投稿	1600 × 900	横長が基本
Facebook 投稿	1200 × 630	OGPと共用可
YouTube サムネイル	1280 × 720	16:9固定

EC・小売クライアント向け（よく求められるセット）

用途	サイズ（px）	備考
Amazon メイン画像	2000 × 2000	白背景必須
楽天商品画像	1000 × 1000	正方形推奨
Shopify 商品画像	2048 × 2048	WebP可
バナー（横長）	1200 × 400	ECトップページ
セールバナー	800 × 800	キャンペーン用

Web・LPクライアント向け（よく求められるセット）

用途	サイズ（px）	備考
OGP画像	1200 × 630	SNSシェア用
ヒーロー画像（PC）	1920 × 1080	Retina考慮で2倍
ヒーロー画像（SP）	750 × 1334	iPhone標準
メールヘッダー	600 × 200	HTMLメール
ファビコン	32 × 32	ICO形式

サイズ指定ミスで起きるトラブル事例

事例1: 差し戻しによる納期遅延

あるSNS運用代行会社向けに、月次のバナー10点を制作・納品。しかしクライアントから「ストーリーズ用は1080×1920ではなく1080×1350で欲しかった」と差し戻しが発生。修正対応に2時間かかり、翌月の見積もりに悪影響を及ぼした。

原因: 事前のヒアリングシートにサイズ指定がなく、デザイナー側の判断で進めてしまった。

対策: 発注時に「画像仕様確認シート」を必ず提出し、サイズを明文化してからデザインをスタートする。

事例2: EC担当者からの緊急修正依頼

Amazonの商品画像をリサイズして納品したところ、「メイン画像の背景が純白（RGB 255,255,255）ではなく若干グレーがかっていた」として修正依頼。Amazonの審査基準を事前に確認しておらず、再納品に追加工数が発生した。

原因: Amazonの「純白背景」規定の認識が甘く、グレースケール系の背景色を誤用。

対策: ECプラットフォームの規定を常に最新版でチェックするか、規定準拠チェックが自動で行えるツールを活用する。

事例3: LP制作での解像度不足クレーム

ヒーロー画像を1200×675pxで納品したところ、Retinaディスプレイで閲覧したクライアントから「画像がぼやけて見える」とクレームが入った。

原因: Retinaディスプレイでは2倍の解像度が要求されるため、1200pxでは実質600px相当のクオリティになる。

対策: Web向け画像はRetinaを前提に実寸の2倍のサイズ（2400×1350px）で書き出す習慣をつける。

画像サイズ管理の非効率パターンと改善策

非効率パターン1: デザインツール内でひとつひとつ書き出す

Figma・Illustrator・Photoshopで各サイズのアートボードを手動で複製し、個別に書き出す方法は最も一般的ですが、サイズ数が増えるほど時間がかかります。

改善策: 書き出しプリセットを設定し、「まとめて書き出し」機能を使う。または仕上がりデザインを外部の一括リサイズツールに通す。

非効率パターン2: クライアントから都度サイズを聞く

「今回のSNS投稿はどのサイズですか？」と毎回確認するのは工数の無駄であり、クライアントに対してもプロとしての印象が薄れます。

改善策: プラットフォームごとの推奨サイズを自分で把握したうえで、初回に「こちらのサイズで制作します」と提案できるデザイナーになる。本記事の一覧表を手元に置いておくと便利です。

非効率パターン3: 毎回サイズ変換ソフトを立ち上げる

バッチ処理のたびにPhotoshopを起動するのは重く、PCのリソースも消費します。特にMacでPhotoshopが起動するまでの時間は、月次で積み上げると相当な無駄です。

改善策: ブラウザベースの軽量ツールを活用することで、起動時間ゼロで即座にリサイズできます。

自動化で工数を減らすための方法

方法1: Figmaの書き出しプリセット活用

FigmaではExportプリセットを設定し、1フレームから複数サイズを一括書き出しできます。Figmaプラグイン「Batch Styler」や「Resize it」も活用できます。

向いているケース: Figmaでのデザイン制作フローが確立しているデザイナー

方法2: Photoshopのアクション＆バッチ処理

アクション機能でリサイズ・保存の手順を記録しておけば、フォルダ内の画像を一括処理できます。

向いているケース: Photoshopをメインツールにしているデザイナー

欠点: アクションの設定やバッチ処理の設定に初期コストがかかる。Photoshopライセンス費用が必要。

方法3: ブラウザベースの一括リサイズツール

アカウント登録不要で、URLにアクセスするだけで使えるツールを活用します。プリセットからプラットフォームを選ぶだけで、必要なサイズに一括変換できます。

向いているケース:

ツールのセットアップ時間を省きたい
複数のPCや環境で作業するデザイナー
Photoshopライセンスを持っていない（または持ちたくない）

フリーランスデザイナーの時給換算で考えるコスト

仮に時給5,000円のデザイナーが、月に10案件・各5サイズの書き出し作業を行う場合を試算します。

作業方法	1案件あたりの時間	月次合計	月次コスト（時給換算）
手動（1サイズずつ）	30分	5時間	25,000円相当
Photoshopバッチ処理	10分	1.7時間	8,500円相当
一括リサイズツール	3分	0.5時間	2,500円相当

自動化によって月に22,500円相当の工数削減が見込めます。年間では27万円相当です。フリーランスとして収益を最大化するには、こうした作業の自動化が必須です。

納品物管理のベストプラクティス

フリーランスデザイナーが画像サイズに関するトラブルを避けるための管理術をまとめます。

発注時に仕様確認シートを送付する — プラットフォーム・サイズ・ファイル形式を明記してもらう
マスターデータは高解像度で保持する — 後から再書き出しが容易になる
ファイル名にサイズ情報を含める — 例: banner_instagram_1080x1080_v2.png
納品時に仕様書を同梱する — どのサイズ・形式で書き出したかを記録
プリセットリストを自分用に作成する — よく使うサイズのチートシートを手元に置く

全サイズに一括対応するなら

フリーランスデザイナーの方に向けて、SNS・EC・LP向けのプリセットを網羅した一括リサイズツールをご用意しています。登録不要・無料で今すぐお試しください。

無料で試してみる →

3回まで無料。クレジットカード不要。