画像からBase64へ

別の画像ファイルを参照せず、HTML、CSS、JSON、メールテンプレート、テストフィクスチャ、API ペイロードへ小さな素材を埋め込みたいときに、画像を Base64 へ変換します。

用途に合った Base64 出力を選ぶ

• データ URL は画像の MIME タイプを含み、HTML の src 属性で使用できます。
• Base64 文字列 は、形式を別に指定する API やストレージ項目向けに、エンコード済みのバイト列だけを含みます。
• CSS url() は、スタイルシートの宣言へ直接貼り付けられるようデータ URL をラップします。

画像を埋め込むべき場面

埋め込みは、自己完結型のデモ、小さなアイコン、オフライン文書、生成したフィクスチャを簡単に扱うのに役立ちます。Base64 は画像を圧縮せず、通常は元ファイルより約3分の1大きくなります。大きな写真や頻繁に再利用する素材は、キャッシュ可能な別ファイルとして配信する方が適しています。

元の画像バイトはそのまま保持されます。出力形式を変更しても、画像のサイズ変更や再圧縮は行いません。読み込み、プレビュー、コピー、保存はすべてブラウザ内で行われます。

関連ツール： Base64から画像へ · Base64 エンコード · 画像変換