ITF21はサンダーバードを中心としたジェリー・アンダーソンSF作品のファンの交流の場として設立されました

FC2ブログ・・・500KBの壁。

このFC2ブログ、アップロードできるファイルのサイズは500KBまでという制限が設けられています。
ブログにアップするファイルと言えば主に画像となると思いますが、今皆さんがここで見ている左上のプロフィール欄に表示されているアニメーションもその一つです。

ITF21というブログを作るに当たって、最初に表示される所謂トップページに置くべきバナーは何か格好良い物が良いよね!と言うのがメンバー間での合意でした。
そこで今までオフ会での名札で使用していたようなイメージに更に動きを加えて「渦の中から現れた矢が、まるで過去から現れ、現在を通り越して、未来に向かいITF21のロゴに突き刺さる」と、そんな感じのアニメーションに出来たら、そして見ている人達に「あのキーンという音が聞こえるようなイメージ」が出来たら良いよねっ!と言う話で盛り上がりました。
こうなると言い出しっぺの自分がなんとかせにゃあかんと言うことで、幾つかのFlashアニメを作って試験運用中のブログにアップしてみましたが表示されないんです。
これが確か夏頃の話ですが、オフ会に持って行くべく消防車の制作に追われながらの出来事でした。
で、何故ローカルで動くFlashアニメがブログ上で動かないのかと調べると・・・なんとこの鯖にはアップ出来るファイルにそのサイズは500KBまでと言う制限があったのです(涙)
実際にはこのサイズ以上のファイルもアップ出来るのですが表示は出来ないという落とし穴が・・・だったら最初からアップ出来ないようにしてくれれば良いのに、FC2ブログ様。

そこで何とかやりたいことを詰め込んだFlashアニメのサイズを縮小すべき色々と試みた結果約900KBまで小さくすることが出来ましたが、まだこれではアップ出来ても表示されることは出来ません。

ブログは今年のオフ会以降公開すると決まったので、バナー作りを優先すべきか、はたまた模型制作を優先すべきか悩んだ末に、オフ会に持って行く模型をまずは完成させる事にして、この件(バナー作り)は棚上げと結論付けました。

そうこうする内にオフ会も無事に終了し参加者には当ブログのアドレスも告知されてしまいました。
う~むぅ、何とかしなくちゃいけないと言う思いから苦肉の策でFlashアニメ(swfファイル)をGifアニメに変換することにしました。
その結果ファイルサイズは475KBまで小さくすることが出来ましたので、これをバナーとしてアップしました。
(これが今まで皆さんが見ていた、ページの左上プロフィール欄にアップされていたGifアニメです)

ですが、どうしても画像の粗さが気に入らないのです。
Gifは任意の256色パレットしか使えないので、表示できない中間色・グラデーションはディザ法で表示されてしまい、アップしたGifアニメも青い背景に白いドットが目立つ粗い画面構成になってしまいました。

そこで最初に作った900KBのswfファイルをデコンパイルして百十数枚の静止画に分解しました。
(FlashアニメもGifアニメも分解すれば「パラパラ漫画」のように連続した静止画の集まりなのです)
これをそれぞれ256色パレットに置き換え、更に間引き出来るように一枚一枚丹念に修正し、最終的には82枚に減らしました。
そしてこれ等をswfファイルに再コンパイルしてFlashアニメを得ました。
結果、ファイルサイズは今までのGifアニメより小さい459KBで、中間色を補う白いドットも無い綺麗なFlashアニメを作ることが出来ました。

今まで使っていたGifアニメもここに添付しておきますので見比べてみてください。
ITF21_logo_#3
どうでしょうか?今ページの左上で表示されている新しいFlashアニメの方が綺麗に見えませんか?




以下は自分用のメモ。

管理画面より
「プラグインの設定」から「プロフィール」の「詳細」ボタンをクリック。
「プラグインの改造 【HTMLの編集】を行います。(上級者向け)」をクリック。
以下の部分を、
<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
フラッシュのタグ <object ?> ~ </object>に置き換える。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/●●●●●/swflash.cab#version=9,0,0,0" width="160" height="128" id="ITF21logo1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="http://blog-imgs-●●●●●/ITF21logo1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="http://blog-imgs-●●●●●/ITF21logo1.swf" quality="high" bgcolor="#ffffff" width="160" height="128" name="ITF21logo1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>



スポンサーサイト
[ 2011/10/31 18:22 ] 金田 | TB(0) | CM(3)
最初に 新しいほうがすごくきれいやわ。

サイズでそんなに大変なことになっていたとは・・・
お疲れさまでした。
金ちゃん かっこいいのありがとうね


[ 2011/10/31 22:09 ] [ 編集 ]
こちらの手の内もすごかった。
動画製作でも、模型での超人的なこだわり作業とおんなじなんですね。私はこれを「アンダーソン作品偏差値」が高いと評価したいと思います。いかがでしょう。最初の動画とアップされている動画の差を例えるとVHSテープとブルーレイぐらいでしょうか。ご尽力ごくろうさまでした。「拍手」
[ 2011/10/31 23:13 ] [ 編集 ]
確かに新しいほうが断然きれいですね。

いろいろ工夫していただきありがとうございました。
僕ももっとブログが盛り上がるよう記事をマメにアップするようにします。

と言いながら12月頭まで余裕がない・・・
[ 2011/10/31 23:15 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック:
この記事のトラックバック URL

プロフィール

Author:ITF21

カウンター