タグ

2015年12月27日のブックマーク (2件)

  • Adobe Illustratorで描いたイラストをSVGで実装する方法 - Hatsuka

    SVG Advent Calendar 2015 10日目の記事です。 先週も別のAdvent Calendarに参加していたのですが、先月参加したリクリイベントでSVGについてちょっと勉強したこともあり、こちらのカレンダーにも参加してみることにしました。 今回はリクリで教わったことをベースに、データの作成からサンプル作成までの流れをざっくりと書いてみます。 SVGって? XMLをベースにした、ベクター画像フォーマットです。 ベクター画像なので、拡大してもきれいなため、高解像度端末でもきれいに見えます。 対応環境 IE9~、Android3~で対応しており、その他のブラウザも最新版であれば問題なく表示されます。 (ちなみに、ChromeよりもIEの方がSVGのレンダリングがきれいだそうです。) 埋め込み方 埋め込み方は大きく見ると4つほどあります。 1.img要素としてHTMLに埋め込む

    Adobe Illustratorで描いたイラストをSVGで実装する方法 - Hatsuka
    cumacuma
    cumacuma 2015/12/27
    svgファイルの保存方法と環境設定について。」
  • SVGOMG - SVGO's Missing GUI

    Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri

    SVGOMG - SVGO's Missing GUI
    cumacuma
    cumacuma 2015/12/27
    svg容量の最適化。