画像サイズ双方向連動計算機
製作(100%)・納品(75%)・SNS(50%)のサイズを相互に連動計算。どの枠の数値を変更しても比率を維持したまま全階層の解像度を瞬時に割り出します。
原寸マスター・制作キャンバス用
クライアント納品・Web最適化用
X (Twitter)・Instagram・OGP用
制作・納品・SNS用マルチスケール画像運用のポイント
Web制作やイラスト・グラフィックデザインにおいて、原寸・納品・SNS共有で最適な解像度を保つための基礎知識と運用フローです。
マスターキャンバス(原寸データ)
制作ソフト(Photoshop、Illustrator、Figma、CLIP STUDIO等)で新規キャンバスを作成する最大解像度です。将来のトリミングや高解像度ディスプレイ(Retinaディスプレイ)への対応も見据え、拡大縮小による劣化を防ぐ基準サイズとなります。
Webサイト実装・クライアント納品
クライアントの指定仕様やWebサイトの掲載枠に合わせた適正サイズです。ファイル容量の肥大化を防ぎ、Webページの読み込み速度(PageSpeed)とCore Web Vitalsを最適化するために縮小調整されます。
X (Twitter)・Instagram・OGP共有
SNS投稿や外部リンク用OGPカードに適したサイズです。SNSプラットフォーム側の自動再圧縮によるモアレやぼやけを抑え、スマホタイムライン上で軽量かつ鮮明に表示されるよう設定します。
Web・デジタルメディアでよく使われる標準アスペクト比
用途に合わせて適切な比率を選択することで、余計なレターボックス(黒帯)の発生を防ぎます。
YouTubeサムネイル、フルHD動画、Webヘッダーの定番比率(1920×1080等)。
Instagram投稿、SNSプロフィールアイコン、EC商品一覧画像の標準規格。
プレゼンテーション資料、ブログアイキャッチ、タブレット端末表示に最適。
Instagramストーリーズ、TikTok、YouTube Shortsなど縦型動画・スマートフォンのフルスクリーン向け。