文字に縁取りするノ Q&A

SVG は、Scalable Vector Graphics の略で、W3C (World Wide Web Consortium) によって開発された、ベクター形式の画像フォーマットです。

SVG の長所

ベクター形式なので、基本的には、表示サイズによる画質の低下がありません。また、World Wide Web Consortium が、オープン標準として勧告しているため、多くのウェブブラウザーで表示できます。

SVG の短所

多くのウェブブラウザーで対応しているといっても、歴史が新しいため、PNG、GIF ほどではない。また、ベクター形式なので、レンダリングする必要があり、非力な端末では、表示にかかる時間が無視できない場合があります※。

※ 特に、たくさんの点や図形を用いた、複雑な画像では、注意が必要になります。

文字に縁取りするノで作成できる SVG

文字に縁取りするノ バージョン 1.3.2 から、SVG の文字画像が作成できます。
SVG の文字画像を作成するには、保存形式で「SVG - ベクター形式」か「HTML (SVG タグ)」のどちらかを選択します。

SVG - ベクター形式

SVG 形式のファイルが作成されます。

<img> タグによる SVG 形式の表示例

<img alt="文字に縁取りするノ" width="300" title="タイトル" src="img/fuchidori.svg">

HTML (SVG タグ)

<svg> タグのみからなる HTML ファイルが出力されます。