画像をアップロードしてBase64コードを生成したり、Base64文字列を貼り付けて元の画像を表示したりできます。日常利用や開発用途に最適です。
画像とBase64の相互変換はすべてブラウザ内で行われ、サーバーへ画像データが送信されることはありません。
data:image/...;base64, を含む完全なデータURI、あるいは純粋なBase64文字列のどちらも貼り付け可能で、本ツールが自動的に処理を試みます。
Base64 はバイナリデータをテキスト文字列に変換する一般的なエンコード方式で、画像データを HTML・CSS・JSON・設定ファイルなどに直接埋め込みたい場合に便利です。
画像をBase64に変換すると、data:image/png;base64,... のような形式でデータURIとして埋め込めます。小さなアイコンやロゴ、プレースホルダー画像、サンプルコード内の画像などに向いています。
ただし、Base64化したデータは元のバイナリサイズよりも約30％大きくなるため、大きな写真や多数の画像をすべてBase64で扱うのは推奨されません。小さなUI用画像だけをBase64にし、大きな画像は通常のファイルとして配信するのが現実的です。
本ツールは画像とBase64の双方向変換に対応し、処理はすべてブラウザ内で完結します。ソフトのインストールやサーバー側処理は不要で、開発者にも一般ユーザーにも使いやすい設計です。
バイナリデータを印刷可能なテキスト文字列に変換する方式で、メールやJSONなどバイナリを直接扱いにくい場面でよく使われます。
HTML・CSSに小さなアイコンを埋め込んだり、JSONレスポンスにスクリーンショットを含めたり、ドキュメント内に画像を一体化させたい場合などです。
一般的に元データよりも約30％ほど大きくなります。そのため大容量画像の一括Base64化は非推奨です。
その後に続くデータが PNG 形式の画像であり、内容が Base64 でエンコードされていることをブラウザに知らせる役割を持ちます。
ごく小さな画像が少数であればHTTPリクエスト数削減につながる場合がありますが、多数・大容量の場合は逆に遅くなることもあります。
ブラウザの FileReader などのAPIを利用し、ローカル環境だけでファイルの読み込みとBase64生成を行っているためです。
画像が大きい・数が多い・頻繁に差し替える・CDNキャッシュを効かせたい、といったケースでは通常の画像ファイルの方が適しています。
問題ありません。本ツールが自動的に data:image/png;base64, を補い、画像としての復元を試みます。
影響しません。Base64は既に作成されたバイナリデータを文字列に変換するだけで、解像度や圧縮品質は変わりません。
コードやコマンドを書く必要がなく、画像を選択または文字列を貼り付けるだけですぐに結果を得られるため、手軽でミスも減らせます。
ローカル画像をBase64文字列に変換したり、Base64から画像を復元したりできるオンラインツールです。
QRコードを読み取ると、スマホでも同じツールを利用できます。