【问题标题】:How can I update an image encoded in Base64?如何更新以 Base64 编码的图像?
【发布时间】: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 像素,但我编辑了更大的文件,认为这就是我需要做的。有什么想法吗?

标签: wordpress base64


【解决方案1】:

我通过将图像转换为 png 并对其进行 base64 编码来解决此问题 - 这很有效。由于某种原因,编码文件的 svg 版本不起作用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-26
    • 2015-10-25
    相关资源
    最近更新 更多