画像形式変換（JPG/PNG/WebP/AVIF + Base64 相互変換）

画像形式変換：形式変換と Base64 双方向変換

プラットフォームによって必要な画像形式は異なります。JPG のみ対応する環境、容量を小さくするため WebP を推奨する環境、透明を保持するため PNG が必要な環境があります。またフロントエンド開発では、画像を Base64 に変換してコードへ直接埋め込むこともあります。このツールでは「形式変換」と「Base64 双方向変換」を同じページの2つのタブにまとめ、すべてブラウザ内で処理します。画像がサーバーへアップロードされることはありません。

対応する入力・出力形式

入力は JPG、PNG、WebP、AVIF、GIF、BMP の6形式に対応し、出力は JPG、PNG、WebP、AVIF に対応しています。JPG と PNG、JPG と WebP、PNG と WebP、WebP と AVIF の相互変換など、一般的な変換方向をカバーしています。「自動（元形式を維持）」では元形式のまま再エンコードすることもできます。GIF と BMP はブラウザから直接書き出せないため入力専用です。自動モードでは PNG として出力され、アニメーション GIF は1フレーム目のみを使用します。アニメーションとして出力したい場合は専用ツールを利用してください。

出力品質と透明背景

JPG、WebP、AVIF を出力するときは品質スライダーで圧縮強度を調整できます。数値を下げるほど容量は小さくなり、一般的には75から90程度で画質劣化が目立ちにくくなります。PNG は可逆形式のため、PNG 出力では品質設定が自動的に無効になります。透明の処理には2つの方法があります。「透明を保持」では PNG、WebP、AVIF の透明領域を完全に保持し、「背景色を使用」では任意の色を指定して塗りつぶせます。JPG は透明をサポートしないため、透明領域は自動的に背景色で塗りつぶされ、デフォルトは白です。

一括変換と ZIP ダウンロード

複数の画像を一度にドラッグできます。リストにはファイル名、元形式、容量、ピクセルサイズが表示され、個別に削除できます。変換は順番に実行され、進捗バーで現在の進行状況を確認でき、途中でキャンセルできます。1枚の場合は変換前後の比較と容量変化率を表示し、複数の場合はファイル名、元サイズ、変換後サイズ、変化率、ダウンロード操作を表で表示します。「すべてダウンロード（ZIP）」で一括取得でき、ファイル名は維持しながら拡張子だけを出力形式に合わせて自動変更します。

画像から Base64

「画像から Base64」タブで画像を選択し、Data URL または Base64 生形式を選択できます。Data URL は data:image/png;base64 のようなプレフィックスを含み、img の src や CSS の background-image に直接利用できます。Base64 生形式はエンコードされた内容だけを含み、API パラメータや設定ファイルへの格納に適しています。結果には文字数、元サイズ、検出した形式を表示し、ワンクリックコピーとテキストファイルへの書き出しができます。非常に長い内容では先頭部分のみを表示しますが、コピーと書き出しには常に完全な内容を使用します。

Base64 から画像

「Base64 から画像」タブに Data URL または Base64 生文字列を貼り付けると画像へ復元できます。プレフィックスを自動認識し、改行と URL-safe 文字にも対応します。ハイフンとアンダースコアをプラスとスラッシュへ戻し、欠落しているパディング文字も補完します。Data URL プレフィックスがない場合でも、デコード後のバイト列から実際の形式を判定するため、Base64 生形式でも PNG か JPG かを正しく判断できます。復元後はプレビュー、検出形式、ファイルサイズを表示し、対応する拡張子で直接ダウンロードできます。画像ではない内容、不正な文字、サイズ超過の場合は明確なエラーを表示します。

よくある質問と異常処理

WebP を JPG に戻せますか？はい。WebP を入力し、JPG を出力形式に選択してください。ただし非可逆変換を繰り返すほど画質劣化が蓄積するため、元画像から変換することをおすすめします。
PNG を JPG に変換すると透明背景はどうなりますか？デフォルトでは白で塗りつぶされます。「背景色を使用」を選択して任意の色を指定することもできます。
Base64 で容量は増えますか？はい。Base64 のテキスト容量は元ファイルの約1.37倍になるため、小さなアイコンの埋め込みに適しており、大きな画像にはおすすめしません。
重複ファイルや画像ではないファイルはどうなりますか？重複ファイルはスキップして通知し、画像ではないファイルや未対応形式には具体的な理由を表示します。
ブラウザが出力形式に対応していない場合は？一部のブラウザでは AVIF を書き出せません。その場合は該当オプションが自動的に無効になり、ページに説明が表示されます。

プライバシーとデータセキュリティ

アップロード機能はありません。形式変換、品質調整、Base64 のエンコード・デコードはすべてブラウザ内で行われます。画像はサーバーへ送信・保存されず、更新またはページを閉じるとメモリから解放されます。メモリ使用量を抑えるため、一括変換は画像を順番に処理し、処理完了後すぐに各ビットマップリソースを解放します。Base64 のエンコード・デコードにもサイズ上限があり、大きすぎる内容はページを停止させる代わりに明確なメッセージを表示します。