ペイントソフトで文字を画像にする場合について

質問

ウィンドウズＭＥを使用し、ＩＥ５．５を使っています。
現在ホームページを作成中です。
ところどころに文字を画像化したものを入れるのですが（タイトルもそうです）、実際に表示させてみると文字が少し潰れたような感じになってしまいます。今のやり方は
(1)ペイントソフト（ペイントショップ・プロ５）を起動して新規作成
(2)書き込みたい文字の大きさよりも少し大きめのイメージサイズにします。
(3)文字を書き込みます。（表示させてみると大して大きくないため４８とか７２　ぐらいの大きさを使っています）
(4)文字いっぱいの大きさまで切り取って透過処理をし、ＧＩＦで保存します。
(5)アップロード

他の方のホームページを見ると、私の書き込んでいる文字の大きさよりも小さくても綺麗ですので、私のやり方がどこか違っていると思います。どこを直したらいいのかアドバイスをお願い致します。

回答No.2

noname#199778 · ベストアンサー

<img>タグでサイズ指定をしている場合は、そのサイズの指定が画像のサイズとあっているかをまず確認してみてください。 画像のサイズはファイルのプロパティで、<img>タグでのサイズの指定は、HTMLソースを開いて該当のタグ内のwidthとheightの値を見ることで確認できると思います。
本来の画像サイズと違うwidth・height指定をしていると、ブラウザは表示の際に、<img>タグで指定されたサイズに合わせて画像を拡大縮小・伸張短縮して表示するはずです。
元の画像をHTMLファイルにリンクしてブラウザで表示させているときにだけ、画像の文字などが潰れるケースでは、<img>タグでの画像の大きさの指定があっていないのが原因なのではないかと思います。

元々の画像が、HTMLファイルを介さずに、画像ファイルを直接イメージプレビューなどで開いたときにも文字が潰れて表示されるようでしたら、それは元々の画像の解像度の指定を変えて画像を作り直せば対処できるかもしれません。
ディスプレイ上できれいに表示させるためには、画像解像度を最低でも72dpi以上にする必要があると思います。 それよりもdpiが小さければ、画像は粗くなると思います。
元の画像で潰れているようでしたら、いずれにしても画像そのものを作りなおすことになるでしょうね。

見当違いでしたらごめんなさい。

お礼

仰るとおり、元の画像とホームページで指定させている表示が違っていました（hightが１０％ほど）。同じサイズに合わせたところ綺麗に表示されました。
ありがとうございました。

回答No.1

rakuson

ペイントでも作れますが、ワードアートを使用して文字を書き、ＨＴＭＬ文書で保存すればＨＴＭＬ文書が１つとＨＴＭＬ文書と同じ名前のフォルダが１つ出来ます。

必要な文字はフォルダーの中に作られます。小さい文字でも、にじみなど無く
綺麗に出来ます。又ワードアートの方が、ペイントより色んなフォントやデザインの物が簡単に出来ますよ。

ワードを使ってなかったらごめんなさい。
又ペイントでも透過処理をしてＧＩＦで保存した後に再度ペイントで拡大表示させて、手直しをすれば、かなり綺麗になります。

お礼

アドバイスありがとうございます。
ワードアートはまだ使ったことがなく（と言うよりも存在を知りませんでした）、ペイントソフトしか頭にありませんでしたので今度使ってみます。