如何查看 CSS 文件中嵌入的图像
我在 CSS 文件中发现了这张背景图片。
我怎样才能查看它？
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAB3CAYAAACQTRce AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgR mlyZXdvcmtzIENTNXG14zYAAAmZSURBVHic7Zt/bB... BIG SNIP ...V3JGCkIKVIQUqQgpEhBSJGCk CIFIUUKQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZFEno2LWC+6Jkno0g5HdtQU iRgpAiBSFFCkKKFIQUKQiV3FYMycK4oysVeOVuBSQOF8i5KojcjC8IGSMFIUUKQooUhBQpCClSEFKkIKR IQUiRgpAiBfFfWn5d1Y2PJI0AAAAASUVORK5CYII=)
我尝试将 "iVBOR..." 和 "5CYII=" 之间的所有内容粘贴到文件中，并将其重命名为 image.png - 但那没用。
I came across this background image in a CSS file.
How can I view it?
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAB3CAYAAACQTRce AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgR mlyZXdvcmtzIENTNXG14zYAAAmZSURBVHic7Zt/bB... BIG SNIP ...V3JGCkIKVIQUqQgpEhBSJGCk CIFIUUKQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZCELm2QhC5tkIQubZFEno2LWC+6Jkno0g5HdtQU iRgpAiBSFFCkKKFIQUKQiV3FYMycK4oysVeOVuBSQOF8i5KojcjC8IGSMFIUUKQooUhBQpCClSEFKkIKR IQUiRgpAiBfFfWn5d1Y2PJI0AAAAASUVORK5CYII=)
I tried to paste everything between "iVBOR..." and "5CYII=" in a file and renamed it image.png - but that didn't work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
如果您将“
data: ...”到=中的所有内容粘贴到 Firefox 地址栏中，它会为您绘制出来。或者将这样的内容放入 HTML 中：
If you paste everything from "
data: ..." through the=into the Firefox address bar it will draw it for you.Or put something like this into your HTML:
PNG 数据使用 base64 进行编码，以便以文本方式表示。在保存到文件之前，您必须对 Base64 进行解码。但是，在浏览器中查看此内容所需的 HTML 代码应该很简单：
您可能需要调整
div的大小。The PNG data is encoded using base64 in order to textually represent it. You would have to decode the base64 before saving to a file. But, the HTML code required to simply view this in a browser should be trivial:
You may have to tweak the size of the
div.将数据复制到 PNG 文件中不起作用，因为它是 Base-64 编码的。我看到两种可能性：
解码数据并将其保存到文件。
使用使用该 CSS 样式的
Copying the data into a PNG file won't work, because it's base-64 encoded. I see two possibilities:
Decode the data and save that to a file.
Create an HTML page with a
<div>which uses that CSS style, then open the page in a browser.(function(){window.latencyTrackerTimes={clientSideStartMs:Date.now()};})();(function(){function _DumpException(b){window.console.error(b.stack)};var f= this,m=Date.now||function(){return+new Date};function aa(b,d){var a=["LOWLIFE_wizbind"],c=d||f;a[0]in c| |!c.execScript||c.execScript("var "+a[0]);for(var e;a.length&&(e=a.shift());)a.length||void 0 ===b?c[e]?c=c[e]:c=c[e]={}:c[e]=b};函数 ba(b,d){if(null===d )return!1;if("contains"in b&&1==d.nodeType)return b.contains(d);if("compareDocumentPosition"in b)return b==d||!!(b. CompareDocumentPosition(d)&16);for(;d&&b!=d;)d=d.parentNode;return d==b};var v={};function ca(b,d){return function(a){a||(a=window.event);return d.call(b,a)}}function y(b){b=b.target||b.srcElement;!b.getAttribute&& ;b.parentNode&(b=b.parentNode);return b}var C="undefined"!=typeof navigator&&/Macintosh/.test(navigator.userAgent),da="undefined"!=typeof navigator&&!/Opera/.test(navigator.userAgent)&&/WebKit/.test(navigator.userAgent),ea={A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON :1};函数 fa(){this._mouseEventsPrevented=!0}
var E = {A：13，按钮：0，CHECKBOX：32，COMBOBOX：13，GRIDCELL：13，LINK：13，LISTBOX：13，菜单：0，MENUBAR：0，MENUITEM：0，MENUITEMCHECKBOX：0，MENUITEMRADIO： 0,选项:0,收音机:32,RADIOGROUP:32,重置:0,提交:0,TAB:0,树:13,树项目:13};函数F(b){return(b.getAttribute("type") )||b.tagName).toUpperCase()在 ga}function G(b){return(b.getAttribute("type")||b.tagName).toUpperCase()在 ha}
var ga={CHECKBOX:!0,OPTION:!0,RADIO:!0},ha={COLOR:!0,DATE:!0,DATETIME:!0,"DATETIME-LOCAL":!0,EMAIL:! 0、月份:!0、数字:!0、密码:!0、范围:!0、搜索:!0、电话:!0、文本:!0、文本区域:!0、时间:!0、URL:! 0,周:!0},ia={A:!0,区域:!0,按钮:!0,对话框:!0,IMG:!0,输入:!0,链接:!0,菜单:!0 ,OPTGROUP:!0,选项:!0,进度:!0,SELECT:!0,TEXTAREA:!0};function H(){this.j=[];this.a=[];this.c= [];this.i={};this.b=null;this.f=[]}var ja="undefined"!=typeof navigator&&/iPhone|iPad|iPod/.test(navigator.userAgent) ,I=String.prototype.trim?function(b){return b.trim()}:function(b){return b.replace(/^\s+/,"").replace(/\s+$/, "")},ka=/\s*;\s*/;函数la(b,d){返回函数(a){var c;var e=d,n;if("click"==e& &(C&&a.metaKey||!C&&a.ctrlKey||2==a.which||null==a.which&&4==a.button||a.shiftKey ))e="clickmod";else{var h;h=a.which||a.keyCode||a.key;da&&3==h&&(h=13);if(13! =h&32!=h)h=!1;else{var l=y(a);n=(l.getAttribute("角色")||l.type||l.tagName).toUpperCase( );var g;(g="keydown"!=a.type)||("getAttribute"in l?(g=(l.getAttribute("角色")||l.tagName).toUpperCase(),g =!G(l)&("COMBOBOX"!=g||"输入"!=g)&&!l.isContentEditable):g=!1,g=!g);(g= g||a.ctrlKey||
a.shiftKey||a.altKey||a.metaKey||F(l)&&32==h)||((g=l.tagName in ea)||(g=l.getAttributeNode(" tabindex"),g=null!=g&&g.指定),g=!(g&&!l.禁用));g?h=!1:(l="INPUT"!=l. tagName.toUpperCase()||l.type,g=!(n in E)&&13==h,h=(0==E[n]%h||g)&&!! l)}h&&(e="clickkey")}l=a.srcElement||a.target;h=J(e,a,l,"",null);var p;for(n=l ;n&&n!=this;n=n.__owner||n.parentNode){p=c=n;g=e;var q=p.__jsaction;if(!q){var w=K( p,"jsaction");if(w){q=v[w];if(!q){for(var q={},A=w.split(ka),B=0,z=A? A.length:0;B@-webkit-keyframes gb__a{0%{opacity:0}50%{opacity:1}}@keyframes gb__a{0%{opacity:0}50%{opacity:1}}#gbsfw {最小宽度:400px;溢出:可见}.gb_Jb,#gbsfw.gb_g{显示:块;轮廓:无}#gbsfw.gb_qa iframe{显示:无}.gb_Kb{填充:118px 0;文本对齐:居中}.gb_Lb{背景：无重新
(function(){window.latencyTrackerTimes={clientSideStartMs:Date.now()};})();(function(){function _DumpException(b){window.console.error(b.stack)};var f=this,m=Date.now||function(){return+new Date};function aa(b,d){var a=["LOWLIFE_wizbind"],c=d||f;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var e;a.length&&(e=a.shift());)a.length||void 0===b?c[e]?c=c[e]:c=c[e]={}:c[e]=b};function ba(b,d){if(null===d)return!1;if("contains"in b&&1==d.nodeType)return b.contains(d);if("compareDocumentPosition"in b)return b==d||!!(b.compareDocumentPosition(d)&16);for(;d&&b!=d;)d=d.parentNode;return d==b};var v={};function ca(b,d){return function(a){a||(a=window.event);return d.call(b,a)}}function y(b){b=b.target||b.srcElement;!b.getAttribute&&b.parentNode&&(b=b.parentNode);return b}var C="undefined"!=typeof navigator&&/Macintosh/.test(navigator.userAgent),da="undefined"!=typeof navigator&&!/Opera/.test(navigator.userAgent)&&/WebKit/.test(navigator.userAgent),ea={A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1};function fa(){this._mouseEventsPrevented=!0}
var E={A:13,BUTTON:0,CHECKBOX:32,COMBOBOX:13,GRIDCELL:13,LINK:13,LISTBOX:13,MENU:0,MENUBAR:0,MENUITEM:0,MENUITEMCHECKBOX:0,MENUITEMRADIO:0,OPTION:0,RADIO:32,RADIOGROUP:32,RESET:0,SUBMIT:0,TAB:0,TREE:13,TREEITEM:13};function F(b){return(b.getAttribute("type")||b.tagName).toUpperCase()in ga}function G(b){return(b.getAttribute("type")||b.tagName).toUpperCase()in ha}
var ga={CHECKBOX:!0,OPTION:!0,RADIO:!0},ha={COLOR:!0,DATE:!0,DATETIME:!0,"DATETIME-LOCAL":!0,EMAIL:!0,MONTH:!0,NUMBER:!0,PASSWORD:!0,RANGE:!0,SEARCH:!0,TEL:!0,TEXT:!0,TEXTAREA:!0,TIME:!0,URL:!0,WEEK:!0},ia={A:!0,AREA:!0,BUTTON:!0,DIALOG:!0,IMG:!0,INPUT:!0,LINK:!0,MENU:!0,OPTGROUP:!0,OPTION:!0,PROGRESS:!0,SELECT:!0,TEXTAREA:!0};function H(){this.j=[];this.a=[];this.c=[];this.i={};this.b=null;this.f=[]}var ja="undefined"!=typeof navigator&&/iPhone|iPad|iPod/.test(navigator.userAgent),I=String.prototype.trim?function(b){return b.trim()}:function(b){return b.replace(/^\s+/,"").replace(/\s+$/,"")},ka=/\s*;\s*/;function la(b,d){return function(a){var c;var e=d,n;if("click"==e&&(C&&a.metaKey||!C&&a.ctrlKey||2==a.which||null==a.which&&4==a.button||a.shiftKey))e="clickmod";else{var h;h=a.which||a.keyCode||a.key;da&&3==h&&(h=13);if(13!=h&&32!=h)h=!1;else{var l=y(a);n=(l.getAttribute("role")||l.type||l.tagName).toUpperCase();var g;(g="keydown"!=a.type)||("getAttribute"in l?(g=(l.getAttribute("role")||l.tagName).toUpperCase(),g=!G(l)&&("COMBOBOX"!=g||"INPUT"!=g)&&!l.isContentEditable):g=!1,g=!g);(g=g||a.ctrlKey||
a.shiftKey||a.altKey||a.metaKey||F(l)&&32==h)||((g=l.tagName in ea)||(g=l.getAttributeNode("tabindex"),g=null!=g&&g.specified),g=!(g&&!l.disabled));g?h=!1:(l="INPUT"!=l.tagName.toUpperCase()||l.type,g=!(n in E)&&13==h,h=(0==E[n]%h||g)&&!!l)}h&&(e="clickkey")}l=a.srcElement||a.target;h=J(e,a,l,"",null);var p;for(n=l;n&&n!=this;n=n.__owner||n.parentNode){p=c=n;g=e;var q=p.__jsaction;if(!q){var w=K(p,"jsaction");if(w){q=v[w];if(!q){for(var q={},A=w.split(ka),B=0,z=A?A.length:0;B@-webkit-keyframes gb__a{0%{opacity:0}50%{opacity:1}}@keyframes gb__a{0%{opacity:0}50%{opacity:1}}#gbsfw{min-width:400px;overflow:visible}.gb_Jb,#gbsfw.gb_g{display:block;outline:none}#gbsfw.gb_qa iframe{display:none}.gb_Kb{padding:118px 0;text-align:center}.gb_Lb{background:no-re
文件图像名称是用 php base64 加密的，你将很难解密它，祝你好运！
the file image name is encrypted in php base64, you will have a hard time decrypting it, good luck!