Windows Batch File - Embed Image (Base64 Encoded) in HTML Code

 Hi folks,

Today I am going to explain how we can add an image to the HTML code in without copying the images in relative path folder.

Procedure

• Prefix file contents.
• <img src="data:image/png;base64,
•  Batch file contents.
• https://gist.github.com/psrdotcom/ce1593f170fe931f9840b4a0f3eae89f
• Suffix file contents.
• " alt="PSR" />
• Download the batch file.
• Open command prompt in Windows.
• Navigate to the batch file contained folder.
• Execute the batch file image file name as parameter.
• > Image2Base64ImgTag.bat PSRImage.jpeg
• You should see a file "imageTag.html".
• Open the file to see image in a browser.
• Open the file with notepad to see the image converted to base64 with proper HTML Image tag.

Hope this helps you to reduce lot of efforts in maintaining the image files/folders.

Send your feedback and comments to psrdotcom@gmail.com