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の容量削減もできますから、これからは常用しようと思ってます。容量制限が多いサイトでも極力容量を抑えたバナーに仕上げた方が読み込みは早いですし、トラフィック負担も減りますしね。

関連記事

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

注:イーモバイルなどで常にネットに繋がっている人にはほぼ不要記事です。注意通りですが、常にオ

記事を読む

最新jQueryでスマホサイトのモーダル「Reveal」を使う

この間軽く引っかかったのでメモ。最近のスマホサイトで実装することが多いモーダルウィンドウ(メニュ

記事を読む

Google Search Consoleでサイト確認ができない場合の対処法

少し前にとある相談を受けた時のトラブルだったんですが、Google Search Conso

記事を読む

ランサーズの闇を見た話

アウトプットしたいと言いつつ忙しくてブログ書けてません。こんにちは。昨日、ランサーズ

記事を読む

EC-CUBE 2.12系で商品情報の項目を追加する

ここ最近でEC-CUBEのテーマ編集と若干のカスタマイズをしたのでメモです。自分はデザイン寄りな

記事を読む

Message

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

CAPTCHA


Copyright Design Office majili All Rights Reserved.