透過pngの作り方

画像をホームページなどに貼り付ける際,ページ背景の色と画像背景の色をなじませたいことがあります.ここでは,ViX というフリーソフトを使いpng画像の背景色を透過処理する方法を紹介します.

著者:崎間

透過でないpng画像の例

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

fig01.png

方法

フリーソフトウェア ViX を使って背景色を透過にする方法が簡単です.まずは,ViXをダウンロードして使える状態にしておいてください.

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

fig02.png

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

fig03.png

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

fig04.png

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

fig05.png

透過png画像の例

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

fig06.png
Valid XHTML 1.1! home > コンピュータ > グラフィックス >
リロード   新規 編集 凍結 差分 添付 複製 改名   トップ 一覧 検索 最終更新 バックアップ   ヘルプ   最終更新のRSS
Modified by 物理のかぎプロジェクト PukiWiki 1.4.5_1 Copyright © 2001-2005 PukiWiki Developers Team. License is GPL.
Based on "PukiWiki" 1.3 by yu-jiPowered by PHP 5.3.29HTML convert time to 0.009 sec.