將PNG 圖像嵌入HTML 頁面

將PNG 圖像嵌入到HTML 頁面而不鏈接到圖像文件的任務引發了問題: 如何將影像資料直接合併到HTML中？

使用Base64嵌入編碼

Base64 編碼提供了將圖像嵌入 HTML 的解決方案。有多種線上 Base64 編碼器可用，但建議使用強大的編碼器，例如 http://www.greywyvern.com/code/php/binary2base64 中的編碼器。

此工具提供兩個主要嵌入選項: 使用 CSS 或 標籤。

CSS 嵌入

In CSS，嵌入可以實現如下：

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORwA);
}

標籤嵌入

或者，可以使用 標籤：

利用Base64編碼，可以將PNG圖片直接嵌入到HTML頁面中，無需外部圖片檔案即可顯示圖片。