在图像标记内显示PNG图像作为数据

时间:2014-09-23 11:06:06

标签: html

我有一张图片,显示如下数据:

<img class="run-connect" style="margin: 0px 2px -2px 0px; max-width: 100%;" src="data:image/gif;base64,R0lGODlh9AHmAPf/AOnxtbS0tc3eVTMzNM3NztvnhtbX1/Hy86ioqezs7Z6entzd3r7UJdHhZcnKzOjo6sXZO319fkJCQurq6xMTFPj65q2treHh4vT42uXl5/Lz9JCQkfP09F6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovN8yOv3ykYiCWNAKDewAyGQAcpgy6GRy8G8zdzczbwcxS+RXw5QKFEgCayMWhjqzEMiRYSyDf4gB5CMzaChzd5cz/YMzODsEsqwAtJQKAkgDaubrsqlzkHiBIWiDDvgCDoQA14lyZpBz/cc0RK9p/nsEhHgD1kAOpEQ0I3a">

我想用以下PNG(http://www.verypdf.com/pdfinfoeditor/jpeg-jpeg2k-1.png)替换此图片,并且我想将PNG表示为<img .....标记中的数据。

我该怎么做?

3 个答案:

答案 0 :(得分:1)

使用http://duri.me/等服务从PNG图像中获取数据URI

答案 1 :(得分:0)

如果它只是这一张图片,您可以使用在线base64编码器,如下所示:http://www.base64-image.de/

(对于此特定图像,HTML代码太大而无法放在此处。)

答案 2 :(得分:0)

如果这是一次性任务,只需使用在线转换器将图像转换为64位。

http://webcodertools.com/imagetobase64converter/Create

这将输出类似<img alt="" src="data:image/png;base64...

的内容