1

我正在使用 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

4 回答 4

4

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

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

你可以在这里编码你自己的:

http://webcodertools.com/imagetobase64converter

于 2013-10-31T00:41:39.630 回答
2

那是直接嵌入到页面中的base64 编码图像。如果你想生成自己的,base64任何 Linux 系统上的实用程序都会这样做:

base64 image.png

并将该字符串复制到您的图像标签中。

<img src="data:image/png;base64,LONGSTRINGOFASCIICHARACTERS" alt="..." />
于 2013-10-31T00:41:37.343 回答
1

它是数据 URI 方案,它是一种在 URI 中提供资源实际内容的方法(而不是找到它的位置)。

在链接的维基百科页面中有关于如何生成它们的示例代码,但是正如您在给出的示例中看到的那样,生成它们非常容易;给出 MIME 类型、使用的编码以及内容。

于 2013-10-31T00:40:55.793 回答
0

这是“数据 uri 方案”中的 url。

于 2013-10-31T00:40:07.953 回答