画像をBase64に変換

ブラウザ内で画像をHTML・CSS・JSONに埋め込むためのBase64データURIに変換します。

画像をBase64として埋め込むと追加リクエストを省けますが、サイズが約3分の1増加します。小さいアイコンに最適です。

画像→Base64変換の使い方

よくある質問

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

いいえ。画像はブラウザ内で読み込まれるため、デバイスの外に出ることはありません。

データURIはいつ使うべきですか？

アイコンなどの小さい画像で、ネットワークリクエストを1回省くことがサイズ増加に見合う場合です。大きな画像には通常のファイルの方が適しています。

なぜBase64はファイルより大きいのですか？

Base64エンコーディングは限られたテキスト文字セットでバイナリデータを表現するため、約33%のオーバーヘッドが生じます。

このツールについて

画像をインラインに埋め込むためのデータURIと、すぐに使えるCSS backgroundスニペットを生成する画像→Base64コンバーターです。

ブラウザ内で動作するため、画像は常にプライベートです。

MD5、SHA-1、SHA-256、SHA-512でテキストのハッシュを生成します。すべてブラウザ内で処理されます。

HEX、RGB、HSL、HSV、CMYKなどの色形式を相互に変換します。すべてブラウザ内で処理されます。

UnixタイムスタンプをUTC・現地時刻・カスタムタイムゾーンの日付文字列に変換、またはその逆の変換を行います。

URLコンポーネントのエンコードとデコードを行います。特殊文字を%XX形式に変換したり、元に戻したりします。