透過pngの作り方 のバックアップソース(No.6)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• 透過pngの作り方 へ行く。
  • 1 (2006-10-15 00:07:31 (日))
  • 2 (2006-10-15 00:12:14 (日))
  • 3 (2006-10-15 00:26:41 (日))
  • 4 (2006-10-15 00:32:05 (日))
  • 5 (2006-10-15 22:26:17 (日))
  • 6 (2006-10-15 22:28:42 (日))
  • 7 (2006-10-16 00:26:09 (月))
  • 8 (2006-10-22 18:47:07 (日))

画像をホームページなどに貼り付ける際、ページ背景の色と画像背景の色をなじませたいことがあります。ここでは、Vixを使ってpng画像の背景色を透過にする方法を紹介します。

* 透過でないpng画像の例 [#wd39f211]

つぎの例の場合、画像の背景色は白色で、ページの背景色は薄い茶色です。もしこの画像の白い背景を表示させたくない場合は、画像背景を透過にすれば良いです。

#ref(fig01.png,nolink)

* 方法 [#f831f7ee]

フリーソフトウェア [[ViX>http://homepage1.nifty.com/k_okada/]] を使って背景色を透過にする方法が簡単です。まずは、ViXをダウンロードして使える状態にしておいてください。

Vixで背景色を透過にしたい画像を開き、色数を256色に減らします（これは、Windows標準のブラウザであるInternetExplorerが24ビットpngの透過に対応していないためです）。[編集]メニュー → [減色] → [256色]を選びます。

#ref(fig02.png,nolink)

減色方法を詳しく設定するダイアログが出てきますが、通常そのままOKすれば良いです。

#ref(fig03.png,nolink)

[ファイル]メニュー → [名前を付けて保存] → [PNG...]を選びます。

#ref(fig04.png,nolink)

保存方法を詳しく設定するダイアログが出てきます。「透過色」にチェックが入っていることを確認します。標準では白色が透過色になるよう設定されています。ほかの色を透過にしたい場合は、白い部分をマウスでクリックした後、画像中の透過にしたい部分をクリックすれば設定できます。インターレースや圧縮レベルを設定してOKします。設定項目の詳しい説明については、ViXオンラインヘルプの [[PNGの保存条件:http://www.katch.ne.jp/~k_okada/vixhelp/html/PngDlg.htm]] を参照されると良いでしょう。

#ref(fig05.png,nolink)

* 透過png画像の例 [#dbb5af99]

以上の方法で画像の白色部分を透過にするとつぎのようになります。

#ref(fig06.png,nolink)