DataURL.net:將圖片轉換為DataURL

2014/12/11 224 0 多媒體 , 網路應用 , 靜圖處理

有設計網站的人常常需要外連圖片來設計版面，有沒有辦法直接將圖片轉換成一串代碼並且用在CSS、HTML等...原碼?這是可以辦到的，非常適用於小型圖片，這個技術叫做「DataURL」，字面上意思就是數據網址，其實就是將圖片轉為一串網址啦!利用這原理就可以將它放入CSS、HTML等...原碼中了!
網址:http://dataurl.net/#dataurlmaker

▲「DataURL.net」網站截圖，將要轉換之圖片載入。

▲左邊代碼放入瀏覽器網址列載入圖片就會出現了，這串代碼就是「DataURL」。

贊助廣告 ‧ Sponsor advertisements
Android:Google相機之 Photo Sphere 球形全景拍攝完整教學
📆 2015-07-01
📁 多媒體, 行動平台, Android, 靜圖處理
Google Spaces:透過小型群組分享討論
📆 2016-05-17
📁 網路應用, 資訊新聞
Firefox瀏覽器－未來發行版本
📆 2014-01-11
📁 瀏覽器, 網路應用, Firefox
YouTube 上傳 4K 影片遲遲沒有 4K 畫質選項？解決辦法告訴您！
📆 2022-09-16
📁 網路應用, 串流媒體
Instagram 版面：多張照片合併一張、添加濾鏡、分享到 IG
📆 2018-02-10
📁 多媒體, 行動平台, APP推薦, APP應用, Android, 靜圖處理
Blender:3D創作軟體、動畫製作
📆 2016-02-20
📁 軟體介紹, 多媒體, 動畫特效
CodeZen：將程式碼、原始碼加上標記顏色後輸出成 JPG or PNG
📆 2018-10-17
📁 網路應用
PhotoImpact：製作配合長寬之模糊邊緣遮罩影像
📆 2020-01-28
📁 軟體應用, 多媒體, 靜圖處理

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！