ホームページづくりで、困っています。

質問

ホームページを作成しているのですが教えて下さい。まずフォトショップにて好みのフォントで文字を書き、そのデータをＧＩＦ形式にて保存し、そのＧＩＦデータをホームページビルダーのファイル上に画像貼り付けを行うと、文字のドットが乱れるというか、滑らかにきれいに表示されません。ちゃんとつくってある他のＷＥＢサイトは、きれいに文字が表示されているのに、私の場合はなぜそうならないのでしょう？きれいに表示させるにはどのようにしたらよいのでしょうか？

回答No.5

NTJ · ベストアンサー

No.1さん・・・詳しく無いならデタラメ言わないで下さい。（＾＾；

まず、GIFが一時使用を控えられたのは、ユニシスの特許問題に抵触したためで、既に特許切れの現在、再びGIFは盛んに利用されています。

また、GIFよりもJpegのほうが、画像は遥かに荒れます。
GIFは可逆圧縮ですが、Jpegは不可逆圧縮ですから。
写真などの場合にはJpegの圧縮形式は有効ですが、イラストや文字などでは、非常に見苦しいものになってしまいます。
もし、GIFの代替形式を進めるなら、PNGですね。
No.2が仰るとおり、古いブラウザでは表示されない場合が多いですが・・・。

で、問題の原因ですが、一つは「フォトショップ」を使っている事にあるかもしれません。
描いている画像が、質問者さんの想定のサイズになっていないのではないでしょうか？
試しに、Windows付属のペイントで作ってみてください。
案外うまく行くかもしれません。
注意すべきは、「大きく作り過ぎない」ことです。
大きな画像を縮小表示すると、格段に画像は乱れます。
（No.2さんのご指摘の通りです）

それと・・・
おそらく「ホームページビルダー」が、想定外のサイズのwidthとheightを付与してしまっている可能性も高いです。
お作りになったHTMLのソースを開けて、No.2さんのご指摘のポイントを、よく確認してみてください。

もしくは試しに、width と height を削除してみてください。
それが質問者さんの作成した画像の、「本来の姿」になる筈です。
そのサイズが想定通りで無かった場合には、画像を作り直す事をお勧めします。

お礼

大変詳しいご説明、ありがとうございました！
疑問がすべて払拭されました。
感謝！です。

回答No.4

a_berry

PHOTO SHOPで文字を書かれているならば
そのフォントの問題だと思います。

文字を入力するときの項目にある
「アンチエアリアスをオフ」にすると、文字の乱れはなくなると思いますが、
でもそうすると文字が滑らかになりません。

予め背景色をそれに合わせて塗っておき、
その上に文字を書いて貼り付ける方がキレイに表示されて無難な方法だと思います。

もしくは、ビットマップフォントと呼ばれる種類のフォントで
描けば大丈夫だと思います。
でも、名前どおり、滑らかな曲線のフォントは見つからず
昔のファミコンみたいな文字になっちゃいますが
それはそれでデザイン的には素晴らしいフォントがたくさんありますよ。

http://e-words.jp/w/E382A2E383B3E38381E382A8E382A4E383AAE382A2E382B7E383B3E382B0.html

http://e-words.jp/w/E38393E38383E38388E3839EE38383E38397E38395E382A9E383B3E38388.html

お礼

なるほど。ありがとうございました。

回答No.3

nitto3

フォトショップで作ったものとホームページでの
表示サイズが変わっていませんか。
width、heightをはずして表示してみれば綺麗になると思います。
その場合大きさが違ってきますから、
今度は作るときに表示サイズで作って入れ替えたらいいです。

お礼

ありがとうございます！表示サイズを同一にしたらきちんと表示されました！！

回答No.2

Akasawane

タグで大きさの指定をしていますか？

<IMG src="画像のＵＲＬ" width="幅" height="高さ">

widthとheightはその画像のプロパティなどで見ることができます。

私が今運営しているホームページはほとんどＧＩＦ画像です。
というのも、開設当初にサーバーがＰＮＧを受け入れてくれなかったからなのですが…。
なのでＧＩＦでも問題ないと思いますよ！
がんばってください！

お礼

ありがとうございます！

回答No.1

PrintScree

縦横のサイズが分かりませんが、JPEGで保存しなおしてみてはどうですか？

GIFは特に理由がない限り今ではあまり使われていない形式です。

お礼

了解です。ありがとうございます。