画像リサイズ・圧縮

このツールの流れ

具体例

例: 生成した800×400の図形画像を長辺400pxにすると400×200になり、保存ファイル名は「sample-shapes-800x400-400x200.png」のように実際の寸法と形式が付きます。

サンプル：生成した架空の図形画像（800×400 PNG）

使い方（3ステップ）

1. 画像ファイルを選ぶか、「架空サンプルで試す」で生成した図形画像を使います。
2. 長辺の最大ピクセル・出力形式・品質を決めます。
3. 「実行」で前後の寸法・サイズ・プレビューを確認し、必要な画像を保存します。

できないこと・注意

拡大はしません（長辺が指定以下の画像は寸法そのまま再保存）。アニメーションPNG / WebP は最初のフレームだけの静止画になります。EXIF などのメタデータは残らず、形式や内容によっては元より大きくなることがあります。処理はこのブラウザのCanvasで行い、サーバーには送りません。

関連ツール

• QRコード作成URLや短いテキストからQRコードを作り、SVGとPNGで保存します。文字はUTF-8で入れ、誤り訂正レベルM・白い余白4モジュールの黒白のQRコードです。
• 配色コントラスト（WCAG 2）文字色と背景色のHEXからWCAG 2のコントラスト比を計算し、通常文字・大きい文字・UI部品の基準（AA / AAA）を満たすか判定します。CSSの下書きも持ち帰れます。
• 検索・SNS表示の下書きページのタイトル・説明文・URLを入れて、文字数（全角換算）の目安と、検索結果・SNSカードの簡易プレビュー、metaタグのコードを作ります。
• JSON検証・整形JSONの構文を検証し、エラーなら行・文字位置と該当行を示します。正しいJSONは整形（インデント）またはminifyし、キーの並べ替えや重複キーの注記ができます。