PNG or GIF → SVG
状態:-
閲覧数:2,254
投稿日:2015-08-23
更新日:2015-08-26
実際に使用してみた感想
・元画像の再現率が高い
ソフト毎に様々な方針が存在
・変換エフェクトに拘るもの、軽量化に特化するもの、など
このオンラインツールの特徴
・元画像の再現率が高いSVGも生成可能
最適な画質/サイズ比を見つけるために圧縮品質をライブで変更可能
・より元画像へ近くするか、サイズを落とすか、をスライダーでリアルタイムで設定＆確認可能
本当のSVG形式？
・SVG形式には相違ないが、中身は「Base64エンコードされたjpeg画像」を埋め込んでいるだけじゃないの？
・いわゆる「Data URI scheme」を、表面だけSVGでラッピングしただけ？
作成SVG画像コード例
・ZorroSVG - Put a Mask on it
・元画像の再現率が高い
SVG変換ツール全般について
ソフト毎に様々な方針が存在
・変換エフェクトに拘るもの、軽量化に特化するもの、など
このオンラインツールの特徴
・元画像の再現率が高いSVGも生成可能
最適な画質/サイズ比を見つけるために圧縮品質をライブで変更可能
・より元画像へ近くするか、サイズを落とすか、をスライダーでリアルタイムで設定＆確認可能
疑問
本当のSVG形式？
・SVG形式には相違ないが、中身は「Base64エンコードされたjpeg画像」を埋め込んでいるだけじゃないの？
・いわゆる「Data URI scheme」を、表面だけSVGでラッピングしただけ？
作成SVG画像コード例
<svg xmlns="http://www.w3.org/2000/svg" width="854" height="854" viewBox="0 0 854 854" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="a"><feOffset dy="-854" in="SourceGraphic" result="b"></feOffset><feColorMatrix in="b" result="b" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0"></feColorMatrix><feComposite in="SourceGraphic" in2="b" operator="in"></feComposite></filter></defs><image width="100%" height="200%" xmlns:A="http://www.w3.org/1999/xlink" A:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAA … 以下略
・ZorroSVG - Put a Mask on it