【发布时间】:2016-11-10 04:09:36
【问题描述】:
有人要求我更改 Wordpress 网站中使用的徽标上的文字。我认为这将是一项快速的工作,但我发现徽标以 Base64 代码 (data:image/svg+xml;base64,) 的形式被拉入网站我找不到任何 jpg/png可以在任何地方编辑的版本。 CSS 中包含从 header.php 页面调用的 Base64 代码。
谁能告诉我当这个标志被编码成 Base64 后我需要采取哪些步骤来更新它?
非常感谢。
【问题讨论】:
-
你为什么不尝试使用codebeautify.org/base64-to-image-converter从base64获取图像?
-
我可以通过这种方式获取图像,但如果我对其进行编辑,如何将其更新到实时站点。我是否需要将其保存为 svg 文件,我如何知道该文件的尺寸 - 它是否应该与网站上显示的尺寸相同,图像是否需要透明?一旦我编辑了图像,我是否需要编码成 Base64 并替换 CSS 中的代码?谢谢
-
恕我直言,您只需要使用以前的图像作为新图像的基础。与 svg 一样,我认为您不需要更改尺寸并像以前的图像尺寸一样保持原样。创建图像后,只需将其编码为base64并替换CSS中的代码即可。先试试吧,我认为它不会对你造成任何伤害;)
-
感谢您的帮助。
-
嗨,我仍然无法让它工作。我解码了当前在 CSS 中用于徽标的 base64,然后我编辑了生成的图像。我对这个编辑过的图像进行了编码,并将代码放在 CSS 中,我小心地在代码字符串中维护 data:image/svg+xml;base64。但是,徽标空间显示为空白,并且看不到任何图像。我无法弄清楚我做错了什么。我需要在任何地方上传图像吗?当我解码 base64 时,徽标很大(600 像素 x 700 像素),徽标在 CSS 中确定为 300x50 像素,但我编辑了更大的文件,认为这就是我需要做的。有什么想法吗?