遅かれ今年初エントリーなので、改めまして明けましておめでとうございます! 今回はデータの軽量化についての策を出していこうと思います。 アニメーションベースのサイトを制作すると、いつも頭を悩ますのが”重さ”です。 せっかくアニメを作って組み上げたはいいもの、サーバに上げてみると重くて観れたものじゃないってことがあります。 その原因は大きく分けて3つ… 【素材】 ①サイズの大きいビットマップ ②アンカーポイントの多いベクターデータ ③アウトラインが線 ④シンボルに変換せず素材を使用 【タイムライン】 ①モーショントゥイーンを同じ時系列で複数配置 ②フェイドイン・アウト ③キーフレーム 【フィルターの使用】 ①ぼかし・ドロップシャドウなど そしてこれらの問題を改善する方法とは… 【素材】 ① ・画質を若干落とし、劣化した場合にはスムージングで対処 (ビットマッププロパティで設定) ・GIF画像に
![軽量化を制するものはサイトを制す!! | _level0 - KAYAC Front Engineer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/448097c3af852e7d7847645f9d518c69864c066b/height=288;version=1;width=512/http%3A%2F%2Flevel0.kayac.com%2Fimg%2Fogp%2FMobileSocial.png)