Embed png images into html single one file in Powershell script

Question

I am working on making a powershell script with a png file and an html file in it,is it possible to process these files in the PowerShell script or something similar so that I can eventually convert it to one Single html file and also if possible that script reduce the size of html file too.

My script as below which I took from google, I have structed up here

$PSScriptRoot = "Inputpngimagepath" $FinalOutput = "outputhtmlfilepath"

Get-Content "$PSScriptRoot\vCenter_CPU_Usage.png" -Raw -Encoding Byte | ConvertTo-DeflateBase64String | Set-Clipboard 
$myvar = "$FinalOutput" 
ConvertFrom-DeflateBase64String $myvar -OutputFormat Byte | Set-Content *.png -Encoding Byte -NoNewline

I want to combine both the html and png files into a single offline html file so that I can send it as an attachment. I need to send about 21 html files in a single email as a html file. I have health check report html files.(ie) The user must click on each of the 21 HTML files in order to view the data, including the charts.

Answer 1

param(
  [Parameter(Mandatory=$true)]
  [string] $FilePath
)

$imageFile = Get-Item $FilePath
if ($imageFile -eq $null) {
  Write-Error "File not found: $FilePath"
  exit 1
}

$imageData = Get-Content $FilePath -Encoding Byte

$base64EncodedData = [Convert]::ToBase64String($imageData)
$contentType = Resolve-ContentType -Path $FilePath

Write-Output "<img src='data:$contentType;base64,$base64EncodedData' />"

Save to: image-to-base64.ps1
Run it: .\image-to-base64.ps1 "C:\path\to\image.jpg"