將.png 映像嵌入HTML 頁面
如何將.png 檔案嵌入到空白的「file.html」文件中以便在任何瀏覽器中開啟檔案時顯示圖像,而無需從HTML 程式碼連結到該檔案?
答案:
將圖像嵌入到 HTML 中而不需要鏈接,利用在線 Base64 編碼器。建議的選項是http://www.greywyvern.com/code/php/binary2base64。
嵌入影像有兩種主要方法:
div.image { width: 100px; height: 100px; background-image: url(data:image/png;base64,iVBORwA<MoreBase64StringHere>); }
<img alt="My Image" src="data:image/png;base64,iVBORwA<MoreBase64StringHere>" />
以上是如何將 .png 圖片直接嵌入到 HTML 文件中而不連結到外部文件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!