它意味着数据:图像源中的图像/ png是什么意思?

时间:2013-10-31 00:36:11

标签: html image

我正在使用Symfony,我在一个模板的图像源中找到了这个:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABUElEQVQoz2NgAIJ29iBdD0d7X2cPb+tY2f9MDMjgP2O2hKu7vS8CBlisZUNSMJ3fxRMkXO61wm2ue6I3iB1q8Z8ZriDZFCS03fm/wX+1/xp/TBo8QPxeqf+MUAW+QIFKj/+q/wX/c/3n/i/6Qd/bx943z/Q/K1SBI1D9fKv/AhCn/Wf5L5EHdFGKw39OqAIXoPpOMziX4T9/DFBBnuN/HqhAEtCKCNf/XDA/rZRyAmrpsvrPDVUw3wrkqCiLaewg6TohX1d7X0ffs5r/OaAKfinmgt3t4ulr4+Xg4ANip3j+l/zPArNT4LNOD0pAgWCSOUIBy3+h/+pXbBa5tni0eMx23+/mB1YSYnENroT5Pw/QSOX/mkCo+l/jgo0v2KJA643s8PgAmsMBDCbu/5xALHPB2husxN9uCzsDOgAq5kAoaZVnYMCh5Ky1r88Eh/+iABM8jUk7ClYIAAAAAElFTkSuQmCC" alt="Search on Symfony website" />

这意味着什么以及如何创建我自己的代码?

感谢。

4 个答案:

答案 0 :(得分:4)

这是一种URI方案(统一资源标识符方案),它提供了一种在网页中包含数据的方法,就好像它们是外部资源一样。

有关详细说明,请参阅此处http://en.wikipedia.org/wiki/Data_URI_scheme

您可以在此处对自己进行编码:

http://webcodertools.com/imagetobase64converter

答案 1 :(得分:1)

这是data URI scheme,它是一种在URI中提供资源的实际内容的方式(而不是找到它的位置)。

有关于如何在链接的维基百科页面中生成它们的示例代码,但正如您在示例中所看到的,您可以很容易地生成它;给出mime类型,使用的编码然后是内容。

答案 2 :(得分:1)

这是直接嵌入页面的base64-encoded图片。如果要生成自己的,任何Linux系统上的base64实用程序都会执行此操作:

base64 image.png

并将该字符串复制到您的图片代码中。

<img src="data:image/png;base64,LONGSTRINGOFASCIICHARACTERS" alt="..." />

答案 3 :(得分:0)

这是'数据uri计划'的网址。