ICO を Base64 に変換

オンラインで ICO を Base64 に変換 を変換する方法

1. ローカルファイルを選んで .ico ファイルを選択するか、リモート URLを選んでリンクを貼り付けます。
2. 出力形式を選びます：プレーンな Base64、データ URI、HTML タグ、CSS、JavaScript、JSON、XML。
3. ICO を Base64 にエンコードをクリックします。結果はプレビュー付きですぐに表示されます。
4. 結果をクリップボードにコピーするか、.txt ファイルとしてダウンロードします。

ICO（Windows アイコン）について

ICO は、1 つ以上の小さな画像（一般的に 16×16、32×32、48×48）を 1 つのファイルに格納するコンテナです。ブラウザは 1990 年代後半からサイトアイコンに favicon.ico を使用しています。

ファビコンを Base64 データ URI として <link rel="icon"> タグに埋め込むと HTTP リクエストが 1 つ減ります。単一ファイルの HTML ページ、オフラインアプリ、メールテンプレートでよく使われるテクニックです。

出力形式

結果をどのような形式で出力するかを選びます。変換ツールは次の形式で出力できます：

• txt: Base64 文字列のみ。コード、データベースのフィールド、API リクエストにそのまま貼り付けられます。
• uri: ブラウザのアドレスバーに貼り付けたり、URL を使える場所ならどこでも使ったりできる完全な data: URI。
• html img: src にデータ URI を指定した <img> タグ。
• css background image: background-image: url(data:...) を使った CSS ルール。
• html favicon: インラインのファビコン用の <link rel="icon"> タグ。
• html hyperlink: 埋め込みファイルをダウンロードまたは開く <a> リンク。
• html iframe: コンテンツをインラインで表示する <iframe>。
• javascript image: Image オブジェクトを作成する JavaScript。
• javascript popup: コンテンツを新しいウィンドウで開く JavaScript。
• json: ファイル名、MIME タイプ、データを含む JSON オブジェクト。
• xml: CDATA セクション内にデータを含む XML 要素。

安全ですか？結果のサイズはどのくらいですか？

ファイルがアップロードされることはありません。ブラウザの File API でローカルに読み込まれて変換されるため、機密文書も端末の外に出ません。

Base64 は 3 バイトごとに 4 文字で表すため、エンコード結果は元のファイルより約 33% 大きくなります（さらにパディングとデータ URI の接頭辞の分が数バイト加わります）。