Languages
[Edit]
EN

Bash - convert jpg image to base64 data url

5 points
Created by:
Zeeshan-Peel
430

In this short article, we would like to show how to convert *.jpg (*.jpeg) file to Data URL encoded with base64 using Bash.

Quick solution:

echo -n "data:image/jpeg;base64,$(cat input_image.jpg | base64 | tr -d '\r\n')" > output_image.txt

Where: input_image.jpg 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/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBoRXhpZgAATU0 ...">
</body>
</html>

Screenshot:

JPG / JPEG conversion to base64 Data URL under Bash
JPG / JPEG conversion to base64 Data URL under Bash

See also

  1. Bash - convert png image to base64 data url

  2. Bash - remove new line characters from file with tr command 
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join