任意の画像を Base64 データ URI としてエンコードします
画像をツールにドロップすると、Base64 でエンコードされた文字列が即座に取得されます。画像を個別にホストせずに、出力を HTML、CSS、または JSON のデータ URI として使用します。このツールには、エンコードされた長さ、MIME タイプ、およびライブ プレビューが表示されるため、コピーする前に結果を確認できます。
このツールは無料で使用できますBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
使用方法
画像をアップロードする
JPEG、PNG、WebP、GIF、または SVG ファイルをツールにドラッグします。画像はローカルで読み取られ、デバイスから離れることはありません。
出力を確認する
このツールには、Base64 文字列、データ URI、およびデコードされたイメージのライブ プレビューが表示されるので、一致していることを確認できます。
コピーまたはダウンロード
クリックしてデータ URI 文字列をコピーするか、プレーン テキスト ファイルとしてダウンロードします。すぐに貼り付けられるコードには、HTML または CSS スニペット ボタンを使用します。
特徴
複数のフォーマットのサポート
JPEG、PNG、WebP、GIF、SVG ファイルをエンコードします。正しい MIME タイプが自動的に検出され、データ URI プレフィックスに組み込まれます。
ワンクリックでコピー
生の Base64 文字列または完全なデータ URI を 1 回のクリックでコピーします。確認トーストにより、テキストがクリップボードにあることがわかります。
出力統計
元のファイルのサイズ、エンコードされた文字列の長さ、エンコードのオーバーヘッドの割合を確認します。これは、イメージをインライン化することにトレードオフの価値があるかどうかを判断するのに役立ちます。
CSS と HTML スニペット
HTML img タグと CSS 背景画像ルールのすぐに貼り付けられるコード スニペットを入手します。スニペットをコピーし、コードベースに直接ドロップします。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| 入力フォーマット | JPEG、PNG、WebP、GIF、SVG |
| 出力 | Base64文字列/データURI |
| 最大ファイルサイズ | 10MB |
| MIME 検出 | 自動 |
| スニペット形式 | HTML画像、CSS背景 |
| 処理 | クライアント側 (アップロードなし) |
Related Magic Eraser Tools
よくある質問
通常のイメージ ファイルの代わりに Base64 を使用する必要があるのはどのような場合ですか?
+
Base64 インライン化は、Base64 エンコードによって追加される約 33% のサイズ増加よりも、追加の HTTP リクエストの保存の方が重要な、アイコン、1x1 トラッキング ピクセル、または小さな UI 要素などの非常に小さな画像に最も役立ちます。
Base64 エンコーディングでは画質が低下しますか?
+
いいえ、Base64 はバイナリ ファイル データのロスレス エンコードです。デコードされたイメージは、元のイメージとバイト単位で同一です。唯一のトレードオフは、テキスト ペイロードが大きくなることです。
エンコードできる最大ファイル サイズはありますか?
+
このツールは最大 10 MB のファイルを受け入れます。画像が大きいと非常に長い文字列が生成され、インライン化が現実的ではない可能性があります。大きな画像の場合は、ファイルをホストし、URL を使用してそのファイルにリンクする方が、ほとんどの場合、より良い方法です。
より小さいソース画像が必要ですか?
AI Enhance は、画像をエンコードする前に圧縮して最適化できます。ソース ファイルが小さいと、生成される Base64 文字列が短くなり、ページの重さが軽減されます。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。