flashバナーの作成で困っています。
検索サイトのTOPバナー作成で、サイズ制限が30KBであり、ベクター形のものはどうにかなると思いますが、やはりビットマップ系のサイズが軽くなればと思っています。
質問したいことですが、以下になります。
・flashバナーでビットマップ形にするときは、どの拡張子にしたほうがうまく圧縮できて、サイズが軽くなるのでしょうか?
・ビットマップ画像をうまくベクター画像に変更することは可能でしょうか?(たしかベクター変換すると容量が重くなりましたよね。)
・ビットマップ画像はそのままflashで読み込んでから画像処理を行ったほうがいいのでしょうか?それとも、イラレやFW、Photoshopなどから画像処理をして読み込んだほうがいいですか?
・ベクター系のものでも画像サイズを下げる方法ってあるのでしょうか?
困っています。
すいませんが、以上よろしくお願いします。
No.2ベストアンサー
- 回答日時:
まあ,一概には言えないので,
いろいろ格闘するするしかないでしょうね。
> ・flashバナーでビットマップ形に…どの拡張子にしたほうが…
善し悪しより好き嫌いに近い話になりますが…
私はBMPが好きです。
JPEG なら,JPEGを作った時点ですでにある程度画像が劣化しています。
BMP は無圧縮形式なので,そういう意味での劣化はありません。
また,画像が複数ある場合は,
BMP だと「パブリッシュ設定」で,「Flash」タブを選択して,
「JPEG画質」の設定で一気に画像の画質を操作することができます。
また,Flash に読み込む段階で,JPEG の圧縮率を小さくしてもあまり意味はありません。
Flash に読み込む段階では,ファイルの重さより,美しさに重点を置いた方が良いです。
次に好きなのが PNG です。
背景が透明で,くり抜いた画像や,
アルファチャンネルがかかった画像は PNG でないと表現できません。
GIF は論外です。
本来の GIF 的画像で表現できる物は,ベクター画像でも表現できるはずです。
大変でも Flash で作り直します。
> ・ビットマップ画像をうまくベクター画像に変更することは可能…
一応可能ですよ。
キレイにしようと思うとファイル容量がやたら大きくなり,
ファイル容量を抑えると,見れる状態ではないものになりますけど。
読み込んだ画像を選択して「修正」→「ビットマップのトレース」あたりでできるでしょう。
「FLASHのお勉強 (11) ビットマップのトレース」
http://www.geocities.jp/flashiroha/motion/motion …
(うまく行ってこれくらい↑が限度でしょう。)
「FlashTips-フラッシュ製作テクニック紹介-お絵描き」
http://koshiandoh.com/flashtips/oekaki/01.htm
(これくらい↑のものなら,自分でトレースした方が良いです。)
> ・ビットマップ画像はそのままflashで読み込んでから画像処理を
> 行ったほうがいいのでしょうか?
これは,おっしゃっている意味がよくわかりません。
Flash って,ビットマップ画像をシンボルに変換して,
そのインスタンスのプロパティで「明度」や「着色」や「アルファ」を変えられるくらいですよ。
Flash Professional 8 になると,「ドロップシャドウ」や「ぼかし」や画像どうしの「乗算」などができますが,
どっちにしても,「ちりめんじわ」とか「ハイライトを弱く」とか「部分的にぼかし」とかは無理に近いです。
「明度」や「着色」や「アルファ」ていどでしたら,Flash でしても良いと思います。
というか,
「明度」や「着色」や「アルファ」は,
モーショントゥイーンやActionScriptで,画像をフェードインやフェードアウトさせたりするときに使うのが一般的用途で,画像を処理するという意味とは少し違うと思います。
少なくとも言えることは,
Flash に読み込ませるまでに,画像の縦横のサイズを,Photoshop などできっちり合わせて読み込んでください。
そこまでは,Photoshop などでキッチリとするべき作業です。
読み込んだ物を普通は拡大も縮小もさせないものです。拡大縮小させるとFlashPlayerでの再生時に画像がきたなくなります。
また,余分な部分の切り落としなどもPhotoshop などで処理した上で Flash に読み込んでください。
不要な部分は容量の無駄になるだけです。
> ・ベクター系のものでも画像サイズを下げる方法ってあるのでしょうか?
工夫次第でベクター系の画像(シェイプと言います)もかなり容量は減りますよ。
似たような花が5本あるとするなら,5本も花を描かずに1本だけ描きます。
そしてその1本をシンボルに変換し,
そのシンボル化したシェイプを5本に複製すれば,ほぼ1本分の容量で5本できます。
またパスの数が多いと,容量が増えます。
適当なグジャグジャなシェイプを描いて,そのシェイプ全体を選択し,
「修正」→「最適化」でパスの数などが減らせます。
あまり減らすと(最適化しすぎると)とんでもない図に変形してしまいますが,
適当なところで調節すると適度にパスの数は減らせます。
また,グラデーションの色数などを減らすと容量もほんの少しですが減ります。
簡単に言うと,なるべく簡単な図を,なるべくシンボル化してコピペで使い回すと,容量は減ります。
※ 最後に最重要ポイント
ファイルの拡張子など気にされてますが,そこはあまり問題ではないと思います。
といかくなるべく劣化していない美しい画像をFlashに読み込んでください。
画像をFlashに読み込むと,ライブラリに画像が入ります。
そのライブラリのビットマップ画像を右クリック→「プロパティ」で
「ビットマッププロパティ」のパネルが出てくると思うので,
□ デフォルトの画質を適用(U)
のチェックをはずしてください。
すると,
画質(Q): [50 ](100 = 最高)
が調節出来るようになるので,ここで画質の調節をしてください。
当然,画質の値を下げるほど画質は劣化し,ファイル容量は下がります。
そこで,調節してはムービープレビューまたはパブリッシュ→調節してはムービープレビューまたはパブリッシュを繰り返して妥協点をさぐってください。
それが最もファイル容量を軽くできる方法です。
また,「どうしても美しい写真じゃないとダメ!」という写真も出てくると思います。
そんなときは,JPEG画質を 90 やら 100 にするより,
圧縮(C):[ロスレス (PNG/GIF) ]
にした方がより軽くより美しい画像がパブリッシュされる場合が結構あります。
場合によるので何とも言えません。
普通は,[JPEG画質 ] の設定で 圧縮 を変えてファイル容量と戦った方が良いです。
最初に,
> また,画像が複数ある場合は,
> BMP だと「パブリッシュ設定」で,「Flash」タブを選択して,
> 「JPEG画質」の設定で一気に画像の画質を操作することができます。
と書きましたが,これは,
□ デフォルトの画質を適用(U)
にチェックを入れた状態のときに,全ての画像を均一にするための設定で,
完全な手抜き方法です。
シビアにファイル容量と戦う場合は使ってはいけない方法です。
シビアにファイル容量と戦う場合は,
ライブラリの画像一枚一枚と向き合って,対話をしながら,妥協点をさぐってください。
----------------------------
お持ちのFlashのバージョンを書かれていないので,
一部 Flash 8 の説明部分を除き,
基本的に Flash MX 仕様で説明をさせていただきました。
No.1
- 回答日時:
flash画像の元の画像は、ベクター形式にするのが普通です。
ベクター形式は、基本的に「線画」であるため、画像の拡大に対してもきれいで、普通は最も容量の少ない画像になります。
写真などのビットマップ形式をベクター形式に変換することも原理的に可能ではありますが、必要以上に細かく短い線画を記述することになりますから、ベクター形式にする意味がなくなり、必要以上に容量が大きくなるので、普通はそんなことはしません。↓
http://www.humanite.jp/~monka2004e/chapter5/4.html
http://www.geocities.jp/coa9999/paradraw.html
参考URL:http://www.humanite.jp/~monka2004e/chapter5/4.ht … http://www.geocities.jp/coa9999/paradraw.html
この回答への補足
ベクター形式とビットマップ形式の性質についてご解答いただき、ありがとうございます。
ビットマップ形式はそのままで扱うのが良いということでしたが、画質を下げずに(または圧縮率を上げるなどして)、質を落とさずに画像サイズを落とす方法ってあるのでしょうか?
JPG→PNGに変更したほうがサイズが落ちるのでしょうか?
すいませんが、ご回答お願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Photoshop(フォトショップ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 6 2023/06/10 11:51
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- PDF パワポ及びPDFのデータ量について 3 2023/07/20 10:24
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(メールソフト・メールサービス) メールソフトを教えてください 1 2023/03/28 23:32
- Photoshop(フォトショップ) 写真のサイズ変更 1 2022/08/07 16:00
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- HTML・CSS WEBサイト 画像の直接リンクについて 1 2022/11/16 10:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
エアコンの冷媒 R410Aの重...
-
e-taxで送信ファイルの拡張子が...
-
A4の紙に印刷されている文字を...
-
ガラケーからPCへの写真の取り込み
-
stdio.hの中身
-
クリッカブルマップ(イメージ...
-
VBS フォルダ内にあるすべての...
-
エクセルで「特定の文字を含む...
-
Access2016のExcelインポートの...
-
flash (.swf) を編集したい
-
SDカードを挿してるのに挿入し...
-
GIMP separate+プラグイン クラ...
-
リストビューで選択行の背景を...
-
多数の見開き画像を自動で二分割
-
スマホでtxtファイルを編集する...
-
celeron550 と AMD TK-57
-
CSVを取り込んで、画像を表示す...
-
指定したフォルダーを開いてフ...
-
microsdカード保存物をPCで見る...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
e-taxで送信ファイルの拡張子が...
-
エクセルで「特定の文字を含む...
-
スマホでtxtファイルを編集する...
-
複数のブックを新しいブックのS...
-
A4の紙に印刷されている文字を...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
ビデオファイルのプロパティの...
-
エアコンの冷媒 R410Aの重...
-
ガラケーからPCへの写真の取り込み
-
拡張子「.IDJ」を、windo...
-
Fortniteのクラッシュについて
-
2枚、マイクロSDカードを入...
-
VBA:カウンターの i の値が開放...
-
ファイル数と合計サイズの取得方法
-
stdio.hの中身
-
TextBoxにフォーカスを与えると...
-
PC内で速度を遅くした音源をCD...
-
リストビューの選択状態を取得...
-
GIMP separate+プラグイン クラ...
おすすめ情報