画像→Base64変換ツール
任意の画像ファイルをBase64のデータURLに変換します。結果をCSS、HTML、JSONに直接貼り付けられます。
このツールの使い方
- 1
Click the file picker and choose an image (PNG, JPEG, GIF, WebP, SVG, or any format your browser accepts).
- 2
Wait a moment while the browser reads the file and renders a preview thumbnail.
- 3
Review the generated data URL in the text box below the preview.
- 4
Click Copy to put the full data URL on your clipboard, then paste it into your stylesheet or markup.
画像→Base64変換ツールとは何ですか？
Base64のデータURLは、画像のバイナリ内容をHTMLやCSSに直接埋め込みます。これにより、小さなアイコンやグラフィックに対するHTTPリクエストがなくなり、体感的な読み込み時間を改善できることがあります。ただし、トレードオフとして、Base64エンコードはファイルサイズを約33％増加させるため、5KB未満のアイコンに最適です。
よくある活用例
Inline a small icon directly in a CSS background-image: url(...) rule to save an HTTP request.
Embed a logo in a single self-contained HTML email or offline page with no external files.
Paste image data into a JSON payload or API request that only accepts text fields.
Store a tiny placeholder image as a string in a config file or environment variable.
Drop an avatar or sprite straight into a React or Vue component without a separate asset import.
Generate a quick data URL to test how a graphic renders in a sandbox or CodePen snippet.
よくある質問
Base64画像はいつ使うべきですか？▼
これをCSSで使えますか？▼
関連ツール
画像圧縮ツール
JPG、PNG、WebPの画像をブラウザ内で直接圧縮します。アップロード不要で、ファイルがお使いのデバイスから外部に出ることはありません。
Base64→画像変換ツール
Base64文字列やデータURLをデコードして、ダウンロード可能な画像に変換します。
faviconジェネレーター
任意の画像から、ブラウザ、iOS、Androidが期待するすべてのサイズを含む、完全なfaviconセットを生成します。
画像リサイズツール
任意の画像を好みの寸法にリサイズします。すべてお使いのブラウザ内で行われ、アップロードは不要です。
PNGからJPGへの変換ツール
PNG画像をJPG形式に変換します。写真やスクリーンショットのファイルサイズをより小さくできます。
JPG→PNG変換ツール
JPG/JPEG画像を可逆的にPNGへ変換します。