Local Base64 Converter

Stop hosting small icons.
Just embed them.

アイコンくらいでサーバーリクエストを増やさない。
全部Base64にしてHTMLに埋め込んでしまおう。

🖼️

ここに画像をドロップ
(またはクリックして選択)

Preview Preview
1. HTML Tag (<img>)
2. CSS (background-image)
3. Raw Base64 String

🔒 Processed locally. Images are never uploaded to any server.

Paste Base64 Code Here

🔒 Processed locally. Images are never uploaded to any server.

How to Use & Tips / 使い方とヒント

🚀 HTTPリクエストの削減

アイコンやロゴなどの小さな画像をBase64文字列としてHTML/CSSに直接埋め込むことで、 ブラウザがサーバーへ画像を取りに行く回数（HTTPリクエスト）を減らせます。 これにより、ページの表示速度が向上します。

⚠️ 大きな画像には不向き

Base64エンコードを行うと、データサイズはおよそ 1.3倍 に増加します。 写真のような大きな画像を埋め込むと、かえってHTMLが肥大化し読み込みが遅くなるため、 数KB〜数十KB程度のアイコン等の利用に留めましょう。

📁 対応フォーマット

PNG, JPG, GIF, SVG, WebP など、主要な画像形式に対応しています。 特に透過PNGやSVGアイコンの埋め込みに最適です。

⚡ Boost Your Productivity

🍜

夜食の『罪悪感』をデバッグした。

高タンパク・低糖質・塩分控えめ。エンジニアの燃料。

💡

『視力』という資産を、すり減らすな。

ハードウェア（眼球）を守る、物理的な投資。