画像→Base64変換ツール
プライバシー優先設計 — すべてブラウザ内で処理します
任意の画像をブラウザ内でBase64のData URIへ変換し、HTML、CSS、JSONにインラインで埋め込める形式にします。Toovaはあらゆる一般的な形式を扱い、有効なData URIを生成し、画像をアップロードすることはありません。小さなアイコン、メールテンプレート、自己完結型ドキュメントに最適です。
画像をインライン化すべき場面
小さな画像（数KB未満のアイコン）は、別のHTTPリクエストとしてではなくインラインのData URIとしてのほうが、往復を省略できるため速くレンダリングされることがよくあります。メールテンプレートでは、多くのメールクライアントが既定で外部読み込みをブロックするため、しばしば画像をインライン化します。自己完結型のHTMLドキュメント（オフラインガイド、ダウンロード可能なレポート）は、すべてを1ファイルに収める必要があります。Toovaは任意の画像を、src、background-image、JSONフィールドにそのまま貼り付けられるBase64 Data URIに変換します。
形式とサイズの考慮点
Base64エンコーディングはファイルサイズを約33%増やすため、インライン化は小さな画像でしか得になりません。約5〜10 KBを超えると、別のHTTPリクエストのほうが、肥大化したインラインデータより通常は速くなります。Toovaは元のサイズ、エンコード後のサイズ、増加率を表示するため、判断できます。あらゆる一般的な形式（PNG、JPEG、SVG、WebP、GIF）に対応します。
ローカルのみ
画像はすべてブラウザ内で読み込みとエンコードが行われます。ファイルがアップロードされることはなく、内容のログ記録もありません。画像が未公開モックアップ、顧客の写真、独自アセットを含むときに重要です。エンコード中Networkタブは空のままで、最初の読み込み後はオフラインでも動作します。
よくある質問
- 画像をインライン化すべきタイミングは？
- ファーストビューに表示される非常に小さな画像（数KB未満）では、インライン化により余分なHTTPリクエストを避けてレンダリングを高速化できます。大きな画像では、エンコードのオーバーヘッド（約33%）が、節約できたリクエスト分を上回ります。
- どの形式に対応していますか？
- PNG、JPEG、SVG、WebP、AVIF、GIFに対応します。SVGはテキストベースのままなので、エンコードのオーバーヘッドが最小で、特にインライン化に向いています。
- Data URIはCSSで安全に使えますか？
- はい。Data URI自体を引用符で囲み、url() で包んでください。Toovaが生成する出力はすでにURLセーフで、background-image、mask-image、URLを受け付けるあらゆるプロパティで直接動作します。
- Data URIを元の画像に戻せますか？
- はい。Data URIを貼り付けると、Toovaは元の画像にデコードし、ダウンロード準備が整います。HTMLやCSSファイルからインライン画像を抽出するときに便利です。
- 画像はどこかへ送信されますか？
- いいえ。エンコードはすべてブラウザ内で行われます。