2011年3月16日

將圖片內嵌在網頁裡

根據 RFC2397 標準
將圖片(png, gif, jpeg 等等格式)編碼後內嵌在網頁裡
如此一來網頁檔案大小會增加
好處是一個檔案就可包含所有資料
一些小體積的圖片可以考慮這樣做

原本是在這個洨遊戲裡的原始碼看到爆長的編碼
http://www.cnblogs.com/powertoolsteam/archive/2011/03/16/1985865.html

然後找到這個資料
http://love.myleft.org/home.php?mod=space&uid=2&do=blog&id=1143

可以利用PHP對圖片進行編碼
http://uxcode.info/2010/12/01/149/base64-encode-by-php/

在線上進行編碼
http://www.motobit.com/util/base64-decoder-encoder.asp

下載軟體進行編碼
http://www.cnblogs.com/guangrou/archive/2011/02/21/1960087.html

SVG 向量圖片格式是基於 xml 以文本描述圖片
在瀏覽器支持下可以內嵌在網頁中
除了描述圖片外還能動態改變圖片
不過還沒有能支援全部完整功能的瀏覽器

HTML5 Canvas標籤則是利用 JavaScript 在網頁上繪出圖片
也算是內嵌在HTML檔案中


5月20日新增:
相關網站
http://blog.ericsk.org/archives/1436

20130130新增:
相關後續
http://blog.roodo.com/likey/archives/21320112.html

沒有留言:

張貼留言

Likey
創用 CC 授權條款