Webページで表示する画像について

質問

送信ボタンを画像ボタンにしているのですが、
画像の文字がきれいに表示されません。パワーポイントやペイントで作った時は見た目上きれいなのに、ボタンとしてHTMLとしてみると汚くみえます。
文字がつぶれたように見えます。解像度を上げても同じです。

文字を含んだ画像ボタンを作るときのコツなどはあるのでしょうか。
photoshopなどで作らなくはならないのでしょうか。

フリーソフトなどがあればうれしいです。
探してもありませんでしたが。。。
Web Button Makerというのがありましたが、文字の大きさを調整できないので微妙でした。

回答No.1

MAN_MA_RUI · ベストアンサー

考えられる原因はどっちかだと思う。
１．JPEG形式で保存している
２．縮小表示（例：100x100の画像を90x90サイズ指定で表示とか）している

１のJPEG形式は写真などに向いているなのでベタ塗り画像には不向きです。単色や単色に近いベタ塗り部分があるとそこの画質が劣化します。こういう場合はPNG形式など他の形式で保存すべき。
２の縮小表示に関してはブラウザの画像処理機能に絡んだ問題。IEなどは縮小時に画像を滑らかにするための処理を行わないので潰れたような表示になるのです。

回答No.2

ma2shin

多分、縮小して表示する為、文字が潰れていると思います。あらかじめボタンのサイズを決めてそのサイズでつくらなければいけません。表示が88ピクセルx100ピクセルであれば、そのサイズでつくらなければ行けません。違うサイズで作ると文字潰れまたは、汚く表示されます。GIF形式の場合は、256色で書き出しましょう。