クリエイティブ

Flashバナー(swf)の容量を減らす方法

投稿日:

swf-size-down
ここ最近でFlashのバナー制作を何点かやっているのですが、入稿先のメディアごとにswfの容量制限が結構異なっていて、200〜300KB以上余裕があれば15秒程度のバナーなら全体的に画像で作っても問題ないのですが、容量制限が50KBくらいだと画像ばかりで構成すると厳しくなります。

しかも、Flashで作業する場合は透過画像の方が何かと使いやすしクオリティも高いので、PNG24の画像を作る事が多いです。となると、当然画像の容量もアップしちゃいます。

そこで最近よく使ってるのがここ。

http://tinypng.org
tinypng1

以前、twitterでWeb Design Recipeのたかはし のりさん(@WebDesignRecipe)のツイートで知ったサイトですが、すげー便利なのでちょくちょく使ってます。

透過情報を維持したままPNGの容量を50〜60%くらい削減してくれるウェブサービスで、画像のクオリティもほぼ下がりません。利用方法はブラウザにPNG画像のファイルをドラッグ&ドロップするだけ。自動的にアップロードされ、容量削減されます。削減が終了するとダウンロードリンクが現れるのでクリックしてダウンロードするだけ。

tinypng2

容量を削減したPNGをFlashに読み込んで制作し、パブリッシュをすると容量もグンッと減ります。もちろん、パブリッシュ時にも画像の圧縮設定ができるので、そこで圧縮をかけてれば大分容量は減りますが、元素材の容量が少なければ、パブリッシュ時も容量は減ります。

1つ1つは数KB程度しか削減にならなくても、全ての画像を削減することで、塵も積もればで数十KBの容量削減もできますから、これからは常用しようと思ってます。容量制限が多いサイトでも極力容量を抑えたバナーに仕上げた方が読み込みは早いですし、トラフィック負担も減りますしね。

-クリエイティブ

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

Web制作に最強の開発ツール「Coda」が値下げ

会社で使用している開発ツール「Coda」が値下げされてました。 もしかしてメジャーアップデート前の値下げか!? と思って、販売元のパニック・ジャパンに、何で値下げしたん? ってメールで質問してみたら返 …

マウスのこだわり

Photoshop、Illustratorを使用しているクリエイターなら、 自分の手の用にカーソルを操作できるよう、 マウスにこだわりがある人は結構いる、と思います。 自分は結構、いや、かなりマウスに …

Google Adwords用Flashバナー(swf)の作り方

今までFlashでコンテンツを作る機会は多少ありましたが、Flashバナー、しかもGoogle Adwords用のバナーを作る機会は無く、先日初めて制作の機会を頂けたので、制作方法と注意点についての備 …

YouTube動画をモーダル時にウィンドウいっぱい&中央配置する。

さてさて。先日書いた通り4年目は意識してアウトプットしていきたいということで、タイトル通りですが、YouTubeの埋め込み(iframe)動画を、ウィンドウいっぱい、かつ中央配置したい、という要望があ …

XAMPPとHosterで本番URLをローカルサイトで実現する

注:イーモバイルなどで常にネットに繋がっている人にはほぼ不要記事です。 注意通りですが、常にオンラインでサーバーにアクセスしたり、 修正やアップロードができる状態の人は、読まない方が良いです。 はっき …

Copyright© ブログ|横浜・東京のホームページ・印刷物制作 マジリ , 2017 All Rights Reserved.