Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

SVG < Scalable Vector Graphics >

 今日初めて知った✧(⸝⸝⸝ↂ⃙⃙⃚⃛︎ωↂ⃙⃙⃚⃛︎⸝⸝⸝)

「Adobe llustrator」 とかAutodeskの「Graphic」でも「SVG出力できるらしい( ˙◊˙◞ )⁉︎?

 

どういうことかというと、手書きの絵や図をSVG出力して(XMLコードに変換して)

コードとして、Webページで使えるという事。

 

SVGとは?

 

●  Webデザイナーの初めてのSVG
WEB企画LABO

●  Scalable Vector Graphics - Wikipedia, the free encyclopedia

 

 

 

そうする理由、利点としては…

 - 画像が綺麗。拡大しても綺麗なまま

 - ファイルサイズが小さい

 

 

 等色々あるらしい。。(๑ ˊ͈ ᐞ ˋ͈ )ƅ̋.。oO

 

 

基本的に、SVGは人間がゴリゴリコードを書くというより…

描いた絵をアプリなどでコード(XML)に変換

Webで使う

 

事が多いみたいですね。てっきり各自でゴリゴリSVGのコードを書くものだと思ってた(′ʘ⌄ʘ‵)ww

こりゃ書けませんわな~(´つヮ⊂)ww↓(SVGのコード )

 f:id:DDramonQ:20160709024008j:image

 

 

jpg と SVG の 画質を比較してみた

 

< jpg (写真) >

f:id:DDramonQ:20160709024123p:image

<SVG >

拡大してもめっさ綺麗や~⁉︎✧⁺⸜(●˙▾˙●)⸝⁺✧

REC ED LC CR PR WD 仕様書 進捗プロセス Working Editor's Last Call Recommendation Proposed W3C Recommendation Recommendation candidate Draft Draft W3C
This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️