Base64 エンコーダー

任意のファイルを Base64 でエンコードする Web サービスです。

エンコードするファイルを選択してください。

ドラッグ&ドロップ、もしくは、クリックしてファイルを選択してください。

下のテキストボックスにエンコードされた結果が表示されます。

コピー&ペーストしてご利用ください。

使いどころ

Web で画像埋め込み

<img> タグの src 属性に Base64 でエンコードしたデータを指定することで、画像を埋め込むことができます。image/png の部分は画像ファイルのフォーマットに合わせて変更してください。

<img src="data:image/png;base64,iVBORw0KGgoAAAA...中略...AAASUVORK5CYII=">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgA...中略...AgBAQABPxAB/9k=">
<img src="data:image/gif;base64,R0lGODdhQABAAIA...中略...YrNarfcrhdQAAA7">

CSS の背景に使いたい場合は次のようにして埋め込むことができます。

background-image: url("data:image/png;base64,iVBORw0KGgoAAAA...中略...AAASUVORK5CYII=");
background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgA...中略...AgBAQABPxAB/9k=");
background-image: url("data:image/gif;base64,R0lGODdhQABAAIA...中略...YrNarfcrhdQAAA7");

関連リンク