N2
NanToo
デザイン・Web制作

画像リサイズツール (SNSテンプレート付き)

静止画のJPEG・PNG・WebPをブラウザ内でリサイズ。ピクセル・倍率・SNSテンプレート、中央トリミング・余白、実形式確認に対応。

画像を選択

処理と出力について

  • 画像はサーバーへ送信せず、このブラウザ内で再描画・再エンコードします。
  • Exifなど元ファイルの付加情報は引き継ぎません。ブラウザが色プロファイル等を付加する場合があります。
  • アニメーション画像は対象外です。PNG・WebPの透明部分をJPEGにすると白で合成します。
  • GIF・BMP・AVIFなどは先に画像フォーマット変換で対応形式へ変換してください。
  • SNS側の表示仕様は変更される場合があるため、投稿画面のプレビューも確認してください。

画像リサイズツール (SNSテンプレート付き)について

画像リサイズツールとは

静止画のJPEG・PNG・WebPを、ピクセル指定・パーセント・SNS向けテンプレートでサイズ変更するブラウザツールです。画像の実データを確認してから、このページ内のCanvas APIで再描画・再エンコードします。画像をNanTooのサーバーへ送信する処理はありません。

入力は1件20MB、40メガピクセル、一辺16,384pxまでです。出力は24メガピクセル、一辺8,192px、50MBまでに制限しています。元画像が出力上限を超える場合は、安全に処理できる倍率へ初期値を下げます。

3つのサイズ指定方法

  • ピクセル指定: 幅と高さを整数で入力します。初期状態では元画像のアスペクト比を保ち、固定を解除した場合だけ縦横を個別に変更します。
  • パーセント: 元画像を基準に倍率を指定します。最大倍率は1,000%固定ではなく、24メガピクセル・一辺8,192pxの出力上限から画像ごとに計算されます。
  • SNSテンプレート: 用途別サイズを選び、比率が異なる画像は「中央を基準にトリミング」または「全体を収めて余白追加」で変形せずに合わせます。

SNSテンプレートを使う際の注意

Instagramの投稿幅・対応比率、Xのヘッダー、YouTubeのサムネイル・チャンネルバナー、Facebookページ画像は、各社が公開する情報を基にしています。X投稿用、OGP、LINEは作成しやすい一般的なテンプレートです。

同じ画像でも端末、表示枠、投稿種別により自動トリミングされる場合があります。また各サービスの仕様は変更されます。重要な文字やロゴを端へ置かず、最終的には投稿画面のプレビューを確認してください。

出力形式・透明部分・付加情報

元の形式、JPEG、PNG、WebPから出力形式を選べます。「元の形式」は拡張子や申告MIMEではなく、確認した実際の入力形式を使用します。ブラウザが指定形式を生成できなかった場合は、別形式へ黙って置き換えずエラーとして案内します。

JPEGは透明度を保持できないため、透明部分と「全体を収める」の余白を白で合成します。PNG・WebPの余白は透明です。画像全体を再エンコードするため、Exifなど元ファイルの付加情報は引き継ぎません。ただしブラウザのエンコーダーが色プロファイル等を新しく付加する場合があります。

よくある質問

Q. 画像を拡大すると鮮明になりますか?
いいえ。拡大は元画像にない画素を補間するため、輪郭がぼやける場合があります。imageSmoothingQualityをhighに設定しますが、細部を復元する超解像処理ではありません。
Q. SNSテンプレートで画像が変形しませんか?
変形させません。比率が異なる場合は、中央を基準に必要部分を切り取る方法か、画像全体を収めて余白を加える方法を選びます。サービス側でさらに自動調整される場合があるため、投稿画面でも確認してください。
Q. 対応画像形式と上限は?
静止画のJPEG・PNG・WebPに対応します。入力は1件20MB、40メガピクセル、一辺16,384pxまで、出力は24メガピクセル、一辺8,192px、50MBまでです。GIF・APNG・アニメーションWebP、AVIF、BMP、SVGは画像フォーマット変換ツール等で静止画の対応形式へ変換してから使用してください。
Q. 画像やリサイズ結果はサーバーへ保存されますか?
いいえ。このツールの画像読込・再描画・出力はブラウザ内で完結し、NanTooのサーバーへ画像を送信・保存しません。ページを閉じると結果は失われるため、内容を確認してダウンロードしてください。

関連記事

JPEG 品質 80 と 90 の差はどこに出るのか ― DCT・量子化・ファイルサイズのしくみ

JPEG の品質 80 と 90 は、単純なパーセントではありません。DCT で画像を周波数に分け、量子化テーブルで高周波ほど粗く丸める仕組みを理解すると、なぜ 90 から 95 で急に重くなるのか、なぜ文字や線画に弱いのかが見えてきます。

紙のサイズ規格 A4・B5・Letter の数学 ― √2 比とリヒテンベルク 1786 年の手紙

なぜ A4 を半分に折ると A5 になるのか。√2 比 (約 1.414) は 1786 年にドイツの物理学者リヒテンベルクが手紙で提案、1922 年 DIN 476、1975 年 ISO 216 として国際標準化された。A 列・B 列・C 列の使い分け、レターサイズの起源、拡大縮小コピーが綺麗に揃う実用メリットまで一次ソースから整理します。

電子透かしの技術全解剖 ― 可視・不可視・C2PA、AI生成画像時代の攻防

AI生成画像の時代に電子透かし(ウォーターマーク)技術がどう進化しているかを解説。可視透かしと不可視透かしの仕組み、DCT領域埋め込み、C2PA/Content Credentials規格、Google SynthIDまで技術的に深掘り。

DPI vs PPI — 画面と印刷で「解像度」が違う理由

DPIとPPIは混同されがちですが、成り立ちも計算方法も異なります。なぜ印刷は300DPIが標準なのか、Retinaディスプレイの2xとは何か、用途別の最適解像度を技術的背景から解説します。

関連ツール

このツールを評価
(0件)