圖片→Base64編碼

將圖片編碼為 Base64 字串

特色

檔案與 URL 皆支援

可編碼本機圖片檔案與網路上的圖片 URL

支援 11 種輸出格式

可輸出 data URL、img 標籤、CSS 背景等多種格式

切換 data URI 格式

可切換輸出帶前綴的 data URL 或僅 Base64 資料

依格式個別複製

一鍵單獨複製符合用途的輸出格式

使用方法

1

以分頁選擇輸入方式

在檔案分頁選圖片,或在 URL 分頁輸入圖片 URL

2

以執行按鈕轉換

按下執行按鈕即可將圖片編碼為 Base64 字串

3

選擇輸出格式加以運用

確認 data URI 格式的切換,依用途複製或下載輸出

圖片→Base64編碼

使用情境

加快圖片嵌入速度

將小圖直接嵌入 HTML 或 CSS,減少載入次數

準備郵件用圖片

在 HTML 郵件中直接嵌入圖片,無需外部參照即可顯示

設定網站圖示

以 Link 標籤格式輸出,無需外部檔案即可設定網站圖示

在 API 中傳遞圖片

以 JSON 或 XML 格式將圖片放入 API 的請求或回應中

基礎知識

將圖片轉換為 Base64 的優缺點

經過 Base64 編碼的圖片可以直接嵌入 HTML 或 CSS 中,因此小型圖標可以減少圖片請求次數。但另一方面,資料量會變成原始大小的約 1.33 倍,並且瀏覽器快取效果會變差,因此不適合用於大型圖片。

容量增加約 1.33 倍的原因

Base64 是一種將 3 位元組的資料轉換為 4 個英數字的機制,因此轉換後的字串必然會是原始資料大小的約 1.33 倍(增加三分之一)。

安全性與隱私

伺服器處理

輸入內容在伺服器上處理,只會傳送查詢所需的資訊。

僅進行臨時處理

為了取得圖片在伺服器端進行臨時處理,結果返回後立即刪除。

通訊透過HTTPS加密

所有收發資料都透過TLS加密,第三者無法讀取。

不傳送給第三方

輸入內容不會傳送給廣告網路、追蹤器等外部服務。

僅為取得目的的對外傳送

指定 URL 時,伺服器僅為取得圖片而存取該 URL

在 Google 搜尋中追蹤 RAKKOTOOLS

219個實用工具,透過 Google 搜尋、AI 搜尋更容易找到!

  • 搜尋中找到
  • AI 搜尋也會顯示
  • 發現新工具

更新資訊

  • update #409

    修正圖片→Base64編碼複製按鈕的文字溢出問題

  • update #374

    圖片→Base64編碼的URL指定中,針對過大的圖片顯示專用錯誤

    透過URL指定取得的圖片上限為3MB。超過時不顯示「圖片取得失敗」,而是通知您檔案過大。

相關工具

RAKKOTOOLS是完全免費讓您自由使用!

無論個人或法人、商業或非商業用途,都可完全免費使用。無需事先許可或申請。請在各種場景中自由活用。

  • 在直播・影片中使用

    可在直播・影片中使用抽籤、抽獎等各種工具。

  • 在學校・工作・活動中使用

    可在課堂、分組、公司業務、活動等各種場景中活用。

  • 在Web・書籍・SNS中介紹

    可作為實用工具,在Web媒體・書籍・SNS等地自由介紹。

  • 商業用途

    調查・計算・處理・轉換等業務或製作等商業目的,也歡迎使用。

如果能被介紹的話,製作工具的動力就會湧現出來!

在直播・影片中使用時

敬請在概要欄等處刊登RAKKOTOOLS的連結,或在直播・影片中標示或說明「使用RAKKOTOOLS」。

可貼到概要欄的版權標示例

RAKKOTOOLS https://rakko.tools/zh-tw

使用上的提醒正常使用範圍內可自由使用。但禁止用於違反法律的目的、侵害第三方權利、對服務造成顯著負擔、非法存取及其他妨礙服務運營的行為。

不保證各工具所提供的資訊・計算結果等的正確性・完整性。

本說明為日文原文的翻譯版本。若譯文與原文內容不符,以日文原文為準。