ここに画像をドラッグ＆ドロップするか、クリックして選択
PNG、JPG、GIF、SVG、WebP、BMP、ICO — 最大 10 MB
Base64エンコーディングは、バイナリ画像データをASCIIテキスト文字列に変換します。これにより、別の画像ファイルを必要とせず、HTML、CSS、またはJSONに直接画像を埋め込むことができます。
このツールはPNG、JPEG/JPG、GIF、SVG、WebP、BMP、ICOなどすべての主要な画像形式をサポートしています。各形式はネイティブのFileReader APIを使用して正しくエンコードされます。
処理はブラウザーで行われます。保存と共有は任意で、アカウントが必要です。選択した内容が当サービスに送信されます。
Base64 エンコードはバイナリ画像データをテキストベースの形式に変換します。HTML、CSS、JSON に画像を直接埋め込めるため、別途 HTTP リクエストが不要です。小さいアイコン、埋め込みロゴ、メールテンプレート、データ URI を必要とする API 統合に役立ちます。
Base64 エンコードはファイルサイズを約 33% 増加させます。3バイトのバイナリデータが4バイトのテキストになります。小さいアセットの場合はトレードオフは無視できます。大きい画像は別ファイルとして提供することをお勧めします。
background-image: url('data:image/png;base64,...') または background-image: url('data:image/svg+xml;base64,...') CSS プロパティで使用します。HTML img タグの src 属性にも使えます: <img src='data:image/jpeg;base64,...'>
小さい PNG アイコンと SVG ファイルは Base64 に最適です。ファイルサイズが小さいためエンコードオーバーヘッドが最小限です。大きい JPEG 写真は Base64 で相当大きくなるため、大きい画像は別ファイルで提供することをお勧めします。