$theTitle=wp_title(" - ", false); if($theTitle != "") { ?>
About Virtualization, VDI, SBC, Application Compatibility and anything else I feel like
I was creating a small dialog in an .hta file and to make a little prettier for the user I included a company logo:
But I wanted to deploy the .hta as a single file.
And this can be done using data: followed by a base64 encoded png:
1 | <img  src="data:image/png;base64, |
The Base64 encoding can easily be done with PowerShell:
1 2 3 4 5 6 | function ConvertTo-Base64($path) { return [Convert]::ToBase64String((Get-Content $path -Encoding byte)) } ConvertTo-Base64 "Picture.png" |
Example:
1 2 | <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAArCAIAAABXWFfMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAaBJREFUWEftmNsOwyAIhrv3f+iuU2eonA9LXFLTq03sJz8I9nWe57HzuPh2HsfOcB9tH76UB2r8hxMsBQWMg3wLUIuT24MmBIEjfNe7MZD8SzOJDJ9Z94oXrs//2voorXwZMrgfL6WJL+wzztN2uXW+crgpt0VphY+H64sHY9GOGODD25Yp53ziDFJdKPFRzuMWJBHJyesxKSOyfIyyTdT7YITmZq5RIecKzSfAMXw4Fq18fb+CLsRfab6xJl/lrCq7/Dcm1+pb6L8/4CP9zZ0vev6qByHxPlvBsJ/P7Pm31GVuN+vvNr5U5SD7xYcvUY65I9B7vhTLGsmPXiHwfSLZrQjmBfXjp0lTw1fV4gNNh0oFfHjRsNyzPM4V3HxkCFYhLqES6a9GcaCuknmVIZ96UQr0971diz/TXIXrTaU0OJQMYiWfHIiq1kunCOdbnKf7TwhEmH0kh0BvhLPyzTtHJuxiX2H07wcwPFVB5SJmdxvsGeUMsd+epIwOkM0G2M1HXTGJfgIGZeQdzcanL3tLRQkSBloMa/iqaPA6u/O9ARufjI6hiJD2AAAAAElFTkSuQmCC" /> </PRE<p> |
2 Responses for "Embedding images in HTML"
Thats nice I didn’t knew that exists for .hta files too.
Something similiar exists for e.g. css to include your images (making less server requests) btw. there is a nice tool for this over at: http://www.spritebaker.com/
Thanks that was simple and effective !!!!
Cheers 🙂
Leave a reply