0
画像をbase64化してimgタグで読み込む
2024-09-12

denoでサイト作っていて、サンプル画像を伴うREADME的なページを作っていた

publicディレクトリを作りそこに画像を配置し、ホストしてしまうと画像レスポンスを返す用の処理も書かないといけないし、アクセスログにも乗ってくるので微妙だなーと思って埋め込むことにした

  • base64
base64 -w 0 hoge.png

-wは改行までの文字数指定

-w 0で改行なしのテキストを表示してくれる

  • manの結果
-w, --wrap=COLS  
wrap encoded lines after COLS character (default 76). Use 0 to disable line wrapping
  • 画像の表示
<img src="data:image/png;base64,{base64化したテキスト}">

これでOK

0

Profile

swfz
swfz
日々学んだことを残していく
Today I Learned
コード片置き場

Account

RSS

Powered by Pixela
© 2024. swfz