如何在CSS文件中查看嵌入的图像

Question

我在CSS文件中遇到了这个背景图片.

我怎么看呢？

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAB3CAYAAACQTRce
AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgR
mlyZXdvcmtzIENTNXG14zYAAAmZSURBVHic7Zt/bB... BIG SNIP ...V3JGCkIKVIQUqQgpEhBSJGCk
CIFIUUKQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZFEno2LWC+6Jkno0g5HdtQU
iRgpAiBSFFCkKKFIQUKQiV3FYMycK4oysVeOVuBSQOF8i5KojcjC8IGSMFIUUKQooUhBQpCClSEFKkIKR
IQUiRgpAiBfFfWn5d1Y2PJI0AAAAASUVORK5CYII=)

我试过的所有文字贴"iVBOR...",并"5CYII="在文件中,并更名为image.png- ,但没有奏效.

Answer 1

如果您将" data: ..."中的所有内容粘贴=到Firefox地址栏中,它将为您绘制它.

或者将类似的内容放入HTML中:

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