『GIMP』でGIF画像を保存する際、思い通りにならず困っています・・

質問

背景を透明にして、文字だけの画像を作成したいので、ＧＩＭＰを使用して、ＧＩＦ形式で保存してみました。
そうすると、文字の画像が綺麗に－画像変換？インデックス画像に変換しないと－保存できません。
タイトルなどに使う大きな文字だと余り気にならないのですが、小さめの文字だと、カーブが綺麗な曲線ではなく、ギザギザになってしまいます。
背景を透明化しなければ、綺麗なカーブを維持した文字のまま保存できます。背景を透明にしても、綺麗な文字で保存する方法をご存知の方がいらっしゃれば是非教えてください！

※GIMP以外のフリーソフトで上記が実現可能なものがあれば、それもご教示頂けると嬉しいです。

どうぞよろしくお願いします。

回答No.5

suo2k · ベストアンサー

背景を透明にしつつカーブを綺麗にするには、半透明が不可欠ですが、
GIFは半透明をサポートしておらず、PNGの半透明は今度はブラウザが対応していません（とりあえずIE6は非対応）
大半はこれを乗り越えるため、ギザギザのところに色を塗ってごまかしています^^;

例えば
文字（黒） - 画像の背景（透明） - Webサイトの背景（白）
のような場合、ギザギザする（半透明の）部分には灰色を使います。
これで実際には不透明ながら、擬似的に半透明を作り出せます。

が、「背景画像は頻繁に変わる可能性」とありますので問題も起こります。
Webの背景が白から濃い緑などに変わった場合、灰色の部分が変に目立ってしまいます。
これはどうしようもありません。
ギザギザしたまま使うか、Webの背景色は淡色なら淡色系でずっと統一するしかないです。
半透明PNG対応ブラウザが一般的に使われるまではお手軽には厳しいですね^^;

--蛇足--
半透明のPNGをFLASHに読み込んで書き出すと、半透明PNGに対応してないブラウザでも半透明を表示できます。
ただし、今度はFLASH対応のブラウザが必要になり、
また、ただ画像を使うのと違ってものすごく面倒くさいです。
オススメはできません^^;

お礼

suo2kさん、ご回答どうもありがとうございます。

IE6が非対応ということで・・PNG画像は諦めました。
ですが、ギザギザのところに色を塗る・・と言う表現から、下記の解決方法を思いつきました！

文字色をグラデーション－形状を「形状広がり（くぼみ）」、不透明度を30、前景色に濃色(文字色)、背景色に淡色(白)－にして、実行したところ、思うような物が漸く出来上がりました♪この操作は、まさにギザギザ部分を淡い色でごまかす、という事ですよね。有効なヒントをどうも有難うございました!!

回答No.4

kaerukerokero

とりあえず考えられることを書きます

（１）画像＞モードがインデックスモードになっていませんか？
　　保存前の見た目が問題なければ良いです。
（２）ファイルタイプの選択でPNG画像を選んでますか？
　　GIF画像を選んで拡張子を.pngに変える―─なんてことはしてないと思いますが一応確認。
（３）再度GIMPで読み込んだ場合、保存前と同じ状態ですか？
　　正常であれば（４）以降が原因かも。
（４）画像サイズが小さすぎるだけでは？
　　ってことは無いですかね？ピクセル数（幅ｘ高さ）を教えてください。
（５）そもそも表示ソフトは何でしょう？
　　（３）で正常な場合、表示ソフトに問題がある可能性も。
　　IE６以前などでは透過PNGは透過されません。
　　HP作成ソフトによってはひょっとしたら表示がおかしいことがある”かも”。

お礼

kaerukerokeroさん、再度のご回答、どうも有難うございます。

(1)RGBになっていました。
(2)PNGを選択しています。
(3)はい。
(4)100(横)×50(縦)の中に、フォントサイズ25pxで、「連絡先」や「ホーム」等と入力して試しています。
(5)…Mozillaで表示したら、無事PNG画像は綺麗に表示されました!!IE6以前のソフトでは機能しないのですね…。なるほど、です。

回答No.3

noname#67169

アンチエイリアスをかけるプラグインがあったと思うので、それを導入して試してみてはどうでしょうか。

参考URL：

http://www.geocities.jp/gimproject/plug-ins/auntiealias.html

お礼

salmoneusさん、情報をどうも有難うございます。
導入してみたのですが…対象のプラグイン（フィルター＞強調＞Antie Alias）が、選択不可（グレー表示）になっていて、これを利用する手段が分かりません…。画像ではなく文字だからでしょうか…？

回答No.2

valvalval

小さな文字ってどのくらいの大きさですか？

例えばこの文章より小さなサイズですと、webサイトでは背景に入れてしまうか、
背景付きで作ってしまうのがほとんどだと思います。

お礼

valvalvalさん、ご回答どうも有難うございます。
サイズは丁度この文字位です。ＨＰで”ホーム”などのリンク画像（ボタンの背景が透明版みたいな・・）に使いたいのです。背景画像は頻繁に変わる可能性があるので、背景付きでは厳しく・・。

回答No.1

kaerukerokero

綺麗な曲線に見えるのは背景と文字の境界に中間色を置くことによってギザギザを目立たなくしているためです。
これをアンチエイリアスと言います。
http://www.apec.aichi-c.ed.jp/project/joho/jissyuu/art/art.files/anti.htm
背景が透明でない場合は背景色と文字色の中間色が使われていますが、
背景が透明の場合、中間色は”半透明の文字色”になります。

半透明を表現するには「αチャンネル」をサポートしている形式でなければならず
GIFは規格上αチャンネルをサポートしていないため、半透明が表現できません。

つまり、綺麗な曲線を表現する方法としては
・背景を透明化させない
・半透過が使える形式（GIFではなくPNGやTIFFなど）で保存する
しかありません。

お礼

kaerukerokeroさん、丁寧なご説明をどうも有難うございます。

ご回答を頂いて、PNGでも保存してみたのですが、背景は透明になりましたが、曲線はギザギザのままでした…。PNG形式で綺麗な曲線が保存できる方法もご教示いただけると幸いです。どうぞよろしくお願いします。