画像 → Base64

画像を入れると data URI と、貼り付け先の言語に合わせた断片が出ます。CSS・HTML・Markdown それぞれの引用符とエスケープをその言語の流儀で処理しています。

画像をコードに埋め込むとリクエストが1つ減ります。リクエストの多いページの小さなアイコンなら実際に得です。そうしたファイルは中身より通信そのもののほうが高くつきます。

ただし base64 はファイルを3分の1ほど大きくし、埋め込んだ画像はそれを含むファイルと別にキャッシュできません。おおよそ10KBを超えると、節約したリクエストより増えた重さのほうが高くつくので警告を出します。

SVG は他の形式より埋め込む価値がある場面が多いです。圧縮が効き、もともと小さいことが多いからです。

HTML と Markdown の代替テキストはファイル名から取ります。名前に二重引用符があると属性がそこで閉じてしまうため置き換えます。

画像がアップロードされることはありません。ブラウザの中で読み取って変換します。