Flash -ベクタグラフィックスについて-

| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |

| 無料HP作成支援集 |

Flash -ベクタグラフィックスについて-

■ ベクタグラフィックス

■ベクターとラスター方式
ラスター方式は、普通のペイントソフトで使われる方式です。
画像の1ドットづつに色の情報を与える点画です。

ベクター方式は、イラストレータなどで使われる方式で線画です。
始点と終点の座標と線の色情報だけを与えます。

■ベクターのいいところ

□軽量
ベクタグラフィックスは始点と終点の線情報、塗りつぶし情報なので軽いです。
以下で蝋燭のアニメーションを作ってみましたが、GIFに比べて1/20になりました。

□拡大に強い
線画ですので、点画と違い拡大に強いです。いくら拡大しても変わりません。
詳細は以下参照。

■ FlashアニメーションとGIFアニメーションの違い


アニメーションGIF [19.5kb] それなりに重くなり粗くもなります。	Flashアニメーション [1.06kb] とても軽くてきれいです。

■ ベクターは拡大に強い

	■元画像『あ』という文字をHPでよく使用される 3種類の方式で作ってみます。分かりやすくするために、モノクロにいたします。
	■アンチエイリアスなし ■高速モード *Photoshop ホームページでは、GIF 2階調のようになっており滑らかではありません。等倍でもカクカクしており、ドット画（昔のファミコン）のようです。拡大しても汚くなりません。
	■アンチエイリアスあり ■高画質モード *Photoshop ホームページでは、JPEG 滑らかにみせる為の機能で曲線部分をぼかしてます。等倍ならGIFより綺麗ですが、拡大すると汚く見えます。
	■ベクタグラフィックス Illustrator Flash ホームページでは、Flash 拡大してもまったく変わりません。更に拡大してもまったく変わりません。よってDTPに使われます。 IllustratorはDTP用。 FlashはWEB用です。

このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。