画像ツール

画像をBase64に変換

画像を、CSSやHTMLにそのまま貼り付けられるデータURIに変換します。

画像をBase64に変換お使いのデバイス上で実行

ここにファイルをドロップするか、クリックして選択

小さなJPGまたはPNG

アップロードされません

仕組み

データURIは、別のファイルを参照するのではなく、画像をソースコードに直接埋め込みます。これにより、ネットワークリクエストが1回減ります。小さな画像では、1つずつ往復の通信が発生してしまうので、この差が効いてきます。

小さなアイコン、ロゴ、単色のグラフィックです。おおよそ2 KB未満であれば、リクエストを減らせる効果のほうがコストを上回るのが普通です。それより大きい場合は、通常のファイル参照のほうが有利です。

Base64は3バイトを4文字で表すため、データURIは元のファイルより約33%大きくなります。また、個別にキャッシュすることもできず、それを含むスタイルシートやページのコピーごとに再ダウンロードされます。

CSSのurl()や、imgのsrc属性にそのまま貼り付けます。出力には、正しいメディアタイプのプレフィックスがすでに付いています。

よくある質問

なぜサイズの制限があるのですか？

データURIはソースコードに入れるものであり、非常に大きなものは、それを含むすべてのページを肥大化させます。上限は2 MBです。

SVGでも使えますか？

SVGはテキストなので、Base64を使わずに直接埋め込めます。そのほうが小さくなります。

画像はアップロードされますか？

いいえ。エンコードはブラウザ上で行われます。