画像をBase64に変換
画像をBase64に変換する方法は？
- Base64に変換したい画像を選択します。
- 変換結果は下のテキストエリアに表示されます。
- 'コピー'ボタンをクリックすると、Base64形式の文字列をコピーできます。
Base64とは？
Base64は、64個の印字可能な文字を使用してバイナリデータを表現する方法です。
Base64は、通常テキストデータを扱う場面で、MIMEメールやXML内の複雑なデータなど、一部のバイナリデータを表現、転送、保存するためによく使用されます。
画像のBASE64エンコードとは、画像データを1つの文字列にエンコードし、その文字列を画像アドレスの代わりに使用することで、画像のURLアドレスを必要としなくなります。
画像をBase64に変換するツールは、PNGからBase64、GIFからBase64、JPEGからBase64など、複数の画像形式の変換をサポートしています。指定された領域に画像をアップロードするだけで操作が完了します！
Base64形式
data:[][;charset=][;base64], CSSでのBase64の使用
.base64Img{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...."); } HTMLでのBase64の使用
<img width="200" height="200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...." />