画像→Base64エンコード
画像をBase64文字列にエンコードします
特徴
ファイルとURL両対応
手元の画像ファイルとWeb上の画像URLの両方をエンコード
11種の出力形式に対応
data URLやimgタグ、CSS背景など多彩な形式で出力
data URI形式の切替
接頭辞付きdata URLとBase64データのみを切替出力
形式ごとに個別コピー
用途に合う出力形式をワンクリックで個別にコピー
使い方
入力方式をタブで選択
ファイルタブで画像を選ぶか、URLタブで画像URLを入力
実行ボタンで変換
実行ボタンを押すと画像をBase64文字列へエンコード
出力形式を選んで活用
data URI形式の切替を確認し、用途別の出力をコピーやダウンロード
ユースケース
画像の埋め込み高速化
小さな画像をHTMLやCSSに直接埋め込み読み込み回数を削減
メール用画像の準備
HTMLメールに画像を直接埋め込み外部参照なしで表示
ファビコンの設定
Linkタグ形式の出力でファビコンを外部ファイルなしで設定
APIでの画像受け渡し
JSONやXML形式でAPIのリクエストやレスポンスに画像を格納
基礎知識
画像をBase64にする利点と欠点
Base64 化した画像は HTML や CSS に直接埋め込めるため、小さなアイコンなら画像取得のリクエストを減らせます。一方でデータ量は元の約 1.33 倍になり、ブラウザのキャッシュも効きにくくなるため、大きな画像には不向きです。
容量が約1.33倍になる理由
Base64 は 3 バイトのデータを 4 文字の英数字に置き換えて表現する仕組みのため、変換後の文字列は必ず元データの約 1.33 倍（3 分の 4 増し）のサイズになります。
安全性とプライバシー
サーバー処理
入力内容はサーバーで処理し、送信は照会に必要な情報のみです。
一時的な処理のみ
画像取得のためサーバー側で一時処理し、結果返却後に破棄します。
通信はHTTPSで暗号化
送受信データはすべてTLSにより暗号化され、第三者から読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
取得目的のみの外部送信
URL指定時は画像取得のため対象URLのみサーバーが取得
Google検索でラッコツールズをフォロー
225件の便利なツールが、Google検索・AI検索から探しやすくなります！
- 検索で見つかる
- AI検索でも表示
- 新ツールも発見
更新情報
- update #409
画像→Base64エンコードのコピーボタンの文字はみ出しを修正
- update #374
画像→Base64エンコードのURL指定で、大きすぎる画像に専用のエラーを表示
URL指定で取得できる画像は3MBまでです。超えた場合は「画像の取得に失敗しました」ではなく、サイズが大きすぎることをお知らせします。
ラッコM&A 案件一覧注目のツール
ラッコツールズは自由にご活用いただけます！
個人・法人を問わず、商用・非商用を問わず無料でご利用いただけます。事前の許可や利用申請も必要ありません。さまざまなシーンで自由にご活用ください。
配信・動画での利用
くじ引きや抽選など、各種ツールをライブ配信・動画内で利用できます。
学校・仕事・イベントでの利用
授業、チーム分け、社内業務、イベントなど、さまざまな場面で活用できます。
Web・書籍・SNSでの紹介
便利なツールとして、Webメディア・書籍・SNSなどで自由に紹介できます。
商用利用
調査・計算・加工・変換など、業務や制作など商用目的でもご利用いただけます。
紹介してもらえると、ツールを作る元気がわいてきます！
配信・動画でご利用の場合
概要欄などへのラッコツールズのリンク掲載、または配信・動画内で「ラッコツールズ」を使用していることの言及・表示をお願いします。
概要欄に貼れるクレジット例
利用上のお願い通常の利用であれば自由にお使いいただけます。ただし、法令に違反する目的での利用、第三者の権利を侵害する利用、サービスに著しい負荷をかける利用、不正アクセスその他サービスの運営を妨害する行為は禁止します。
各ツールから得られる情報・計算結果等について、正確性・完全性を保証するものではありません。