Office-Chronos https://blog.hatena.ne.jp/Office-Chronos/ うらら開発note https://dev.urara.dev/ こんにちは！麗です！ 今回は「SVG（ベクター形式）」について調べてみました。 きっかけは、AIにコードでイラストを描いてもらう練習をしようと思ったことです。 そのときにAIから「SVGで書きます！」と言われました。 ……SVG？ 画像？コード？何それ？ という状態でした。 今回は、開発初心者目線で「SVGとは何か」「ベクター形式とは何か」「PNGやJPGと何が違うのか」を整理してみます。 SVGとは？ SVGは、Scalable Vector Graphics の略です。 日本語にすると、 拡大・縮小できるベクター画像 という意味になります。 SVGは画像ファイルの一種です。 でも、PNGや… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdev.urara.dev%2Fentry%2Fsvg" title="SVG（ベクター形式）とは何か？AIにコードでイラストを描いてもらう前に調べてみた - うらら開発note" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-06-09 23:32:08 rich https://dev.urara.dev/entry/svg 1.0 100%