PNG を Base64 に変換

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

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

PNG（Portable Network Graphics）について

PNG は、1996 年に GIF の特許フリーな代替として作られた可逆のラスター形式です。24 ビットフルカラー、滑らかな透過を実現する 8 ビットのアルファチャンネル、ピクセルデータを一切失わない DEFLATE 圧縮に対応しています。

輪郭をくっきり保てるため、PNG はロゴ、アイコン、UI のスクリーンショット、図表の定番形式です。写真の場合は JPG や WebP のほうがはるかに小さくなることが多く、Base64 で埋め込むと全バイトが約 3 分の 1 増えるため、この差は重要です。

出力形式

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

• 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 の接頭辞の分が数バイト加わります）。