xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

image url to base64

image url to base64

https://www.base64-image.de/

https://www.browserling.com/tools/image-to-base64

https://www.askapache.com/online-tools/base64-image-converter/

https://codebeautify.org/base64-to-image-converter


https://www.sitepoint.com/community/t/converting-images-to-a-base64-data-url/282947/2

image to base64

SVG & PNG


(function(win,doc) {
    "use strict";
    var svg = new XMLSerializer().serializeToString(doc.getElementsByTagName("svg")[0]);
    // var png = new XMLSerializer().serializeToString(doc.getElementsByTagName("png")[0]);
    var base64 = win.btoa(svg);
    // var base64 = win.btoa(png);
    doc.getElementById("base").appendChild(doc.createTextNode("data:image/svg+xml;base64," + base64));
    // doc.getElementById("base").appendChild(doc.createTextNode("data:image/png;base64," + base64));
}(window, document));



preloading & images

https://www.sitepoint.com/preloading-images-in-parallel-with-promises/
https://css-tricks.com/data-uris/

https://www.sitepoint.com/community/t/converting-images-to-a-base64-data-url/282947

posted @   xgqfrms  阅读(530)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2016-09-26 How to using javascript to realize an Factorial Calculator 阶乘计算器(javascript 实现)
2015-09-26 微软 2014年校园招聘笔试试题
2015-09-26 微软经常问及的问题
2015-09-26 微软 2014 校园招聘试题大全
点击右上角即可分享
微信分享提示