EN
Bash - convert webp image to base64 data URL
10
points
In this short article, we would like to show how to convert *.webp file to Data URL encoded with base64 using Bash.
Quick solution:
echo -n "data:image/webp;base64,$(cat input_image.webp | base64 | tr -d '\r\n')" > output_image.txt
Where: input_image.webp is converted to output_image.txt (Data URL with base64 inside).
Example result
Now Data URL is written to output_image.txt can be used as an embedded resource on the web page, eg.
<html>
<body>
<img src="data:image/webp;base64,UklGRlAGAABXRUJQVlA4WAoAAAAIAAAAhQEAhQEAVl ...">
</body>
</html>