原来网站还有这种"黑科技".....

This topic created in 3820 days ago, the information mentioned may be changed or developed.

"黑科技"是引号..

看到一个只有一个 html 文件的网页, 想了一下应该 js,css 都是直接写在里面的, 可又发现网页嵌了很多图片, 第一感觉应该是外链.
打开源码一看惊呆了, 图片居然是这种格式嵌进去的.....

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADfUlEQVR42rWXT0hUURTGj5ZpaZqDmYNaCZkuMjXFiiTThZEyoiRlZGmCBYlWMBU5kW+cmRwhKEQXEkRFEBkGQUbpQmnjwk0S4TKiFuWmFqlhf17fbe7Qm8e9z/dmpoEfDr57z/nueeeec4ZUVaVw6CNKdRM1KEQ3wWMwCSbAQ9AHakDSSnYsO4bRDDAAloC6Al9Bbz/R+qgIgLFy8MmEYz1zHqI8qQB8NoCtoAgcAPWgFZzXOC8D38NwHuQzyApLgJ8oBZs/Sgw/ZbngJcpmp8T34/jfa8naaXiLsfwKYNQlMejXG+TRSgJjoj2wVWtJADbF8vDpjb0ROdfsSweLgn3PLQnoJSqWnL7ZhPhBwb6FYaI4fQ4kgy2gEFRocwAh65AIyDAhoE6yt9S0ACx2CwwsG4VfI6BIkgcOKzkwIDDyXninaWQV6s5uIuUSuJdEzpeSCLRaEXBDYGA+1PFwHALVAafvgBokhS4Ia0IJOWaxvtaUANkVHCCKDzj3ZsPZtNZxkM3UJhSQSe3s+ZTZJDwmMoKik0vks8PQB5FzRhHVCwXg1ZgX4COyi4z0UCweKTMS5wvAc5ES3+r3dZFtia+ZMl0JWQnVG7pKq7/F0xWRc4jy5GLNfpHwaxTbiTWNYMhKKXaIjJ0h+99E0zhfBFl4Vg2+SNpzcljtGBtHRSIu01q1ifLVCqpkf1mkXoGfgrW/tfdfVIgyQT4oA1U8D06As2wNGypgZCaCdtxtNA+kghxQrGnHLeAc6NFEIQHcZqex4JgNMEeiNpIxtlHzgwYqVJ0Y+VZwPg/SojoTBiKm9AcTz0Zdag61qAXUyFqvXyBi6H8IcErufzqfiPXNx2UoAJ9EkAZQVmk7L0h7QCWoAYdBM2jnAuokAqpYl4TT+4JItBkJsPGZcCco506bwGmA07K5hG6BO1wAZkjll0DABHvOBg44HNcJ+KEfx8J+BVzEmDgKbge/MWv4bwgttn/7vdkRCugtkbyGZYhwsdlAInwXeAYmIxLAjXllnZDPBiOgGyD6yiMwq3ke0g3X8WKUwbsiS8QCUAr28cp4iBeoo+BkYJ8aA0N3DUQYMSVKwh1gL6jmmc9aMroX4RTs9ygNAjikJ6GRcHfyRmRFwHjEryBUxPWNMIrboswZOGU35wXADVMSoiogVIxvE6JSGej77lPgIGaEvKBTLX8AEZuD+ek/sxoAAAAASUVORK5C" alt="FastQC"/>

不懂前端的东西, 这种黑科技有什么好处, 为什么很少看到网页这么搞的...

HTML

网页

fastqc

img

34 replies • 2015-12-25 14:17:46 +08:00

likexian

Dec 24, 2015

减少连接数

username10086

Dec 24, 2015

有些 icon 小图标有些人喜欢这么搞。大位图这样搞的话也不好。又不能防止素材被扒。
可能是 CODE 的情怀吧！

lyragosa

Dec 24, 2015

大清……

roys

Dec 24, 2015

那楼主一定没通过 base64 上传图片的经历吧。

imn1

Dec 24, 2015

1.减少连接数
2.定位更方便
3.可直接编程

Phariel

Dec 24, 2015

base64 适合各种小图标，尤其适合快速开发，因为为了减少请求，现在很多小 icon 都做成了一个字体集合，这个改起来相当麻烦，有时候我为了偷懒直接转 base64 。。。

neo2015

Dec 24, 2015

这不黑，，很久的技术

SourceMan

Dec 24, 2015

.....

Jaylee

Dec 24, 2015

无知

miao

Dec 24, 2015

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADfUlEQVR42rWXT0hUURTGj5ZpaZqDmYNaCZkuMjXFiiTThZEyoiRlZGmCBYlWMBU5kW+cmRwhKEQXEkRFEBkGQUbpQmnjwk0S4TKiFuWmFqlhf17fbe7Qm8e9z/dmpoEfDr57z/nueeeec4ZUVaVw6CNKdRM1KEQ3wWMwCSbAQ9AHakDSSnYsO4bRDDAAloC6Al9Bbz/R+qgIgLFy8MmEYz1zHqI8qQB8NoCtoAgcAPWgFZzXOC8D38NwHuQzyApLgJ8oBZs/Sgw/ZbngJcpmp8T34/jfa8naaXiLsfwKYNQlMejXG+TRSgJjoj2wVWtJADbF8vDpjb0ROdfsSweLgn3PLQnoJSqWnL7ZhPhBwb6FYaI4fQ4kgy2gEFRocwAh65AIyDAhoE6yt9S0ACx2CwwsG4VfI6BIkgcOKzkwIDDyXninaWQV6s5uIuUSuJdEzpeSCLRaEXBDYGA+1PFwHALVAafvgBokhS4Ia0IJOWaxvtaUANkVHCCKDzj3ZsPZtNZxkM3UJhSQSe3s+ZTZJDwmMoKik0vks8PQB5FzRhHVCwXg1ZgX4COyi4z0UCweKTMS5wvAc5ES3+r3dZFtia+ZMl0JWQnVG7pKq7/F0xWRc4jy5GLNfpHwaxTbiTWNYMhKKXaIjJ0h+99E0zhfBFl4Vg2+SNpzcljtGBtHRSIu01q1ifLVCqpkf1mkXoGfgrW/tfdfVIgyQT4oA1U8D06As2wNGypgZCaCdtxtNA+kghxQrGnHLeAc6NFEIQHcZqex4JgNMEeiNpIxtlHzgwYqVJ0Y+VZwPg/SojoTBiKm9AcTz0Zdag61qAXUyFqvXyBi6H8IcErufzqfiPXNx2UoAJ9EkAZQVmk7L0h7QCWoAYdBM2jnAuokAqpYl4TT+4JItBkJsPGZcCco506bwGmA07K5hG6BO1wAZkjll0DABHvOBg44HNcJ+KEfx8J+BVzEmDgKbge/MWv4bwgttn/7vdkRCugtkbyGZYhwsdlAInwXeAYmIxLAjXllnZDPBiOgGyD6yiMwq3ke0g3X8WKUwbsiS8QCUAr28cp4iBeoo+BkYJ8aA0N3DUQYMSVKwh1gL6jmmc9aMroX4RTs9ygNAjikJ6GRcHfyRmRFwHjEryBUxPWNMIrboswZOGU35wXADVMSoiogVIxvE6JSGej77lPgIGaEvKBTLX8AEZuD+ek/sxoAAAAASUVORK5C