PNG Base64 Image

[harchew]

Read thru some of the posts, realize we can actually convert a string to a png file using

<img src="data:image/jpg;base64,<?php echo $string ?>">

Manage to find a solution to embed it in both firefox and IE. However I have problem decoding the string to base64. I tried using php base64_decode function but its not working. Is there any function out there that can actually decode a string that can be use as a png base64 image?

[eelixduppy]

Hello and Welcome to WebmasterWorld!

The function you referenced above (base64_decode) actually decodes base64 strings ;) The error might be in your method, or in your string. Try the following:

header('Content-type: image/png');
echo $string;

See what you get from that :)

[harchew]

Thanks for the quick reply. I've test out the script and its giving me the following error :

The image cannot be displayed, because it contains errors.

My Coding :

<?php
//header('Content-type: image/png');

$string = "Junwei";
echo base64_encode($string);

$string = "iVBORw0KGgoAAAANSUhEUgAAAlgAAABkCAYAAABaQU4jAAAAAXNSR0IArs4c6QAAAARnQU1BAAC
xjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAByBJREF
UeF7t3c9tE0EUB2DfuXCEQ8yJBmiACqggHdABLSCUBIlbanAT6SLNrNk3nhkmm1kbIXuN7A/JSuI/M7ufF+mnt29nVyv/CBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA
gQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIA
AAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECJxd4O2v7Zv1z+2ns2/IiTcg9vH9j+Hjiacx
PAECBAgQIEBgtbp5GL6tH7bbSw9Z6/vheXw8+c4JECBAgAABAicXWN8NXyN4XHp15+Z+2IyPx5ODm
oAAAQIECBAgQIAAAQIECBAgQODIAr
0erH19WVHp6p1OjOfic7F5N3fDu/g7HvF7u8ll7F7FbG7sMl4Zvx2vn#*$!FU4P1pEPHMMRIECAAA
EC8wK9Hqx9fVlxOnHas5XC1NjHFZ8bT8N9T/1O0dcVj/T7cFu2IIWo/Px0q3Kf1PM0lNU5m3FSkBtP+72YazfuUzcA6sHy34AAAQIECBBYSuCYAasGpGicT6FruO2Fpt5zH
+63n2soG/vC2v0v7588l4Je9FXVallp2B/DVCekaXJf6qAyDwECBAgQuHaBowesyZIPqaKVq1vFOoWiVOH6U9kq78uhadOpeNUrAMs295rWU9P
+LnjVMWIsVxFe+5Fu/wkQIECAwIICxwxYMdZ002sYal4r1ao2INWqVj7tV8YpgSl+1ufyacq5nquZ
ipcK1oLHlakIECBAgMBVC5wjYDUVpef4vfRl7apY42nFsQIVISxeK31W7Sm/2ncVQav/SD1gbQBTwbrqw9zOEyBAgACBZQXOFbDa4FSqVBGq0lWB0UOV16yarUaVhvb5kPVibS8Ba9njymwE
CBAgQOCqBc4VsEqlKjfCRyUqVbNydSv9Xa9OHCtb7ZfUC12HvkQB65CQ1wkQIECAAIGjCewLWOU0
3STc7F2mYbphvR6seE9bqcoVq9qUXhvjSzP868b5zbRJvp03LRcx6QcTsI52yBiIAAECBAgQOCTQ
C1jNlXgvbi1TG84n9y5s18H624BVK1VlvayZtbLaylYZuy7pMJ4efLUcg6sID33lXidAgAABAgRO
LTC3qGjbSF4XD90t1rlbRLSpKv1zwMphKFWwJiu+l3nm7h9Yl3rI/Vp5kdNdZWt8bnqFoQrWqY8k
4xMgQIAAAQJVYC5gRUCpK6XvQswmP/cYV+61ASZdBRjN5pMFQlOVKt9Muvda+VwvROVQ9zT+/DL3dcVr7TaW5vhpWIvPu9mzg54AAQIECBBYTGDfbXEW2wgTESBAgAABAgQuSSBVgCan/C5p/+wLAQIECBAgQGAxgThll6pXua+qd1ptsY0xEQECBAgQIEDgEgRq5Sr6qzq3uLmEfbQPBAgQI
ECAAIHFBdorARef3IQECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAA

QIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEC
BAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQI
AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQI
ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA
gQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIA
AAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQI
ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA
gQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIA
AAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQI
ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEC

BAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAg
QIAAAQIECBAgQIAAAQIECBAg8H8I/AYLUOPzxjZEIwAAAABJRU5ErkJggg==
";
?>

<img src="data:image/jpg;base64,<?php echo $string ?>">

As you can see i am able to print out the image if I decode the string myself manually. However if I use base64_encode($string); , its not decoding the right way.

[edited by: dreamcatcher at 7:13 am (utc) on July 14, 2008]
[edit reason] Fixed Side Scroll [/edit]

[mrscruff]

Are you useing PNG or JPG?

You have 'header('Content-type: image/png'); '

And in your img tag '<img src="data:image/jpg;base64,<?php echo $string ?>"> '