首页 / 知识

关于php：Base64编码图像

2023-04-13 17:02:00

Base64 Encoding Image

我正在为Firefox / IE构建一个开放式搜索附加组件，并且该图像需要经过Base64编码，因此如何对64位的我的网站图标进行base编码？

我只熟悉PHP

据我所知，图像数据有一个xml元素。您可以使用此网站对文件进行编码(使用上载字段)。然后只需将数据复制并粘贴到XML元素即可。

您也可以使用PHP来做到这一点：

1
2
3
4

<?php
$im = file_get_contents('filename.webp');
$imdata = base64_encode($im);
?>

使用Mozilla指南获取有关创建OpenSearch插件的帮助。例如，icon元素的用法如下：

1	<img width="16" height="16">data:image/x-icon;base64,imageData</>

imageData是您的base64数据。

1	$encoded_data = base64_encode(file_get_contents('path-to-your-image.webp'));

我对rfc2397的简介是：

一旦您将base64编码的图像数据放入带有" data:{mimetype};base64,"前缀的标记内，这类似于CSS或url()定义括号中的前缀在[X] HTML中img标记的src属性的带引号的值中。您可以通过将data:image/...行放入URL字段并按Enter键来测试firefox中的数据URL，它应该显示您的图像。

对于实际编码，我认为我们需要遍历所有选项，而不仅仅是PHP，
因为有许多方法可以对某事进行base64编码。

使用base64命令行工具。它是GNU coreutils(v6)的一部分，几乎在任何Cygwin，Linux，GnuWin32安装中都是默认设置，但不是我尝试过的BSD。问题：$ base64 imagefile.ico > imagefile.base64.txt

使用带有选项以转换为base64的工具，例如记事本，其功能在plugins-> MIME tools-> base64 Encode下

通过电子邮件将文件发送给自己，并查看原始电子邮件内容，然后进行复制和粘贴。

使用网络表单。

关于mime类型的注释：
我希望您使用image/png image/jpeg或image/gif之一，因为我找不到流行的image/x-icon。应该是image/vnd.microsoft.icon吗？
其他格式也要短得多。

比较265个字节和1150个字节：

1
2
3

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEWcZjTcViTMuqT8/vzcYjTkhhTkljT87tz03sRkZmS8mnT03tT89vTsvoTk1sz86uTkekzkjmzkwpT01rTsmnzsplTUwqz89uy0jmzsrmTknkT0zqT3X4fRAAAAbklEQVR4XnXOVw6FIBBAUafQsZfX9r/PB8JoTPT+QE4o01AtMoS8HkALcH8BGmGIAvaXLw0wCqxKz0Q9w1LBfFSiJBzljVerlbYhlBO4dZHM/F3llybncbIC6N+70Q7OlUm7DdO+gKs9gyRwdgd/LOcGXHzLN5gAAAAASUVORK5CYII=

data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD/////ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv///////////2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb///////////9mZmb/ZmZm//////////////////////////////////////////////////////9mZmb/ZmZm////////////ZmZm/2ZmZv//////ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv//////ZmZm/2ZmZv///////////2ZmZv9mZmb//////2ZmZv9mZmb/ZmZm/2ZmZv9mZmb/ZmZm/2ZmZv9mZmb//////2ZmZv9mZmb///////////9mZmb/ZmZm////////////////////////////8fX4/8nW5P+twtb/oLjP//////9mZmb/ZmZm////////////////////////////oLjP/3eZu/9pj7T/M2aZ/zNmmf8zZpn/M2aZ/zNmmf///////////////////////////////////////////zNmmf8zZpn/M2aZ/zNmmf8zZpn/d5m7/6C4z/+WwuH/wN/3//////////////////////////////////////+guM//rcLW/8nW5P/x9fj//////9/v+/+w1/X/QZ7m/1Cm6P//////////////////////////////////////////////////////7/f9/4C+7v8xluT/EYbg/zGW5P/A3/f/0933/9Pd9//////////////////////////////////f7/v/YK7q/xGG4P8RhuD/MZbk/7DX9f//////4uj6/zJh2/8yYdv/8PT8////////////////////////////UKbo/xGG4P8xluT/sNf1////////////4uj6/zJh2/8jVtj/e5ro/////////////////////////////////8Df9/+gz/P/////////////////8PT8/0944P8jVtj/bI7l/////////////////////////////////////////////////////////////////2yO5f8jVtj/T3jg//D0/P///////////////////////////////////////////////////////////3ua6P8jVtj/MmHb/+Lo+v////////////////////////////////////////////////////////////D0/P8yYdv/I1bY/9Pd9///////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==

检查以下示例：

1
2
3
4

// First get your image
$imgPath = 'path-to-your-picture/image.webp';
$img = base64_encode(file_get_contents($imgPath));
echo '<img width="100" height="100" src="data:image/jpg;base64,'. $img .'" />'

Google引导我使用了该解决方案(base64_encode)。希望这会有所帮助！

编码图像网站元素