Tags

閉じる

Category

閉じる

Search

Search

閉じる

( ・ω・)⊃ “ SVG “ の検索結果

パス軽量化クイズ これ何ポイントでしょう?

連休明けの頭の運動にいかがですか?

ルールは簡単

問題も少なめ

引っかけにはご用心。

 

GWは有意義に過ごせたでしょうか。

人間考えていることで頭が活性化し、思わぬアイデアが湧き出たりするものです.

ということで頭の運動用に、

イラストレータでのパス軽量化クイズをご用意いたしました。

SVGはもちろん、モバイルのFLASHなどでもまだまだパスの軽量化は無くならないポイントです。

 

簡単なように見えますが、人によっては倍ぐらいの差がついたりしますよ。

あなたの答えを教えてください!

続きを読む

SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。

HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、
世界を(いろんな意味で)驚かしてきましたが、

ついに本日、日本でも公開されました!

しかも日本版に合わせてアニメーションも長くなっています!
こっそりブラウザを英語にして見ていた人も必見です!

 



(神風動画さんによる予告編動画!)

神風動画
さんによるハイクオリティアニメーションをSVGで再現すると言う試み、
プログラムについては

SVG Girlの公開と内部実装(プログラマーブログ)

で担当プログラマーの吾郷が説明していますが、とにかく

いかにSVGをきれいに軽くするかが最重要!

SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、
今回は1500枚を超えるレイヤーによる250コマに及ぶ大量のSVG!
それをぐりぐり動かすとあって、そう簡単にはいきませんでした。

始めた頃は150MB超、気がつけば15MB台にまで落ちたファイルサイズ

この記事ではイラストをSVGに変換する過程で得た、SVGの軽量化テクニックをご紹介したいと思います〜
(あとイラレでSVGを扱った時のバグを未解決も含めていくつか)

SVGってなに?って方はこの記事をみてからどうぞ!

2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。

続きを読む

MIX11で「SVG女子」が紹介されました!

弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。
こちらがその様子です。

日本上陸は4/26!「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。

それでは続きからどうぞ!

続きを読む

警告とメッセージ