Kodowp:画像処理ハブ
変換先
変換元
相互変換
ツール

画像をBase64に

画像をBase64文字列に変換します。Data URI、imgタグ、CSSコードの形式で出力できます。Web開発者向けです。すべてブラウザ内で処理され、ファイルはどこにもアップロードされません。

画像をここにドラッグするか、クリックして選択 JPG、PNG、WebP、GIF、AVIF、SVG、TIFF、BMP、ICO、TGA、PCX、PPM、PGM、PBM、QOI — 複数のファイルを同時に選択できます
ファイルはまだありません

Base64は、ファイルを文字と数字だけの普通の文字列に変換します。この文字列は、別のファイルを作らずに、HTML、CSS、メール、JSONに直接貼り付けられます。このページは画像をBase64にエンコードし、すぐに完成したコードを表示します。

出力は4種類から選べます。Data URIはsrc属性向け、imgタグはページにそのまま貼り付けられる形、background-imageはCSS向け、「Base64のみ」はAPIや設定ファイル向けの純粋な文字列を出力します。

小さなアイコンをコードに埋め込むと、サーバーへのリクエストが減り、メールや1ページのサイトが扱いやすくなります。大きな画像では避けたほうがよいでしょう。Base64の文字列は元のファイルより約3分の1長くなり、ブラウザもその画像を個別にはキャッシュしません。

複数のファイルをまとめて読み込めます。それぞれについて元のサイズとコードの長さが表示され、結果はボタン1つでコピーしたり、テキストファイルに保存したりできます。長い文字列は省略して表示されますが、コピーするときは全体がコピーされます。

エンコードはブラウザ内で行われ、ファイルはサーバーに送信されず、どこにも保存されません。個人の画像や非公開のモックアップでも安心です。文字列から画像に戻すには、隣の逆変換ページをご利用ください。