ホームページ上で文字を鮮明に見せる方法

質問

ホームページで、画像（写真）と文字を出来るだけ鮮明に掲示したいと試みていますが気に入りません。
AdobePhotoshopElementsを使って画像の上に文字を書きこみjpgファイルにして掲載しています。
ホームページ用に画素数を減らすと当然文字もぼけてきます。
写真はぼけても文字がぼけない方法、あるいはヒントを教えてください。

回答No.3

dragon-man

大きいままの写真に文字を書いて、それを縮小するからです。ＨＰ掲載用に縮小（サイズも画質も）したものに文字を上書きしたら如何ですか。

補足

ご指摘されたことは承知していますので、画像サイズ（画素数）はホームページ掲載に適したサイズにした上で文字を書きこんでいます。
大きな文字はOKとしても小さな文字は当然のことながら画素数が少ないために見にくくなってきます。

yahooなどで掲載されている画像上の文字は画像サイズが同じでも私が書きこんだ場合とかなり違います。
可能な範囲でフォントも変えてみたのですが差があります。
何が違うのだろかと疑問を持ち今回質問した次第です。

回答No.2

masatsan

写真をバックグランドの絵にして、画像としてではなくHTMLで文字を上に書きます。

お礼

現在QHMというソフトでホームページを作成しています。
画像を背景にしてその上に文字が書く方法が分からず、後日検討したいと思います。
ヒントを与えてもらいありがとうございました。

回答No.1

EFA15EL

適切な表示サイズで作成し、高画質で保存すれば鮮明に見えるはずです。

また「画素数を減らす」という表現の意味がよく分かりません。
JPEGの画質を下げる事と混同してませんか？

画素＝ピクセル数を減らす、というのは必然的に画像自体の表示サイズも変える事になります。
100×100pxで表示したい画像を50×50pxで作成して100×100pxで無理矢理表示すればそりゃボケますが、
そんな事をする意味は全くありませんので、よく分からないんですよね。

JPEGの画質の問題なら書き出しの時に画質を上げてください。
表示サイズがよく分かっていない場合には、分かる様になってください。

補足

私の文章表現が良くないために混乱させてしまったようでごめんなさい。

ホームページ作成では横幅のピクセル数（画素数と記載した）が制限されます。
私の場合、横幅850px（特殊ケース）を最大としてそれ以下の画像サイズです。
掲載するサイズを決めて画像ソフトで加工します。

JPEG画質についてはAdobe Photoshop Elementsで高画質（低圧縮率）でも低画質（高圧縮率）でも私の目にはさほど差がありませんのでファイル容量の観点から低画質を使います。

私の質問は画質ではなく、文字フォントサイズが小さくてもできるだけ鮮明な文字に見えるためにはどのような方法があるのかという点です。
プロが作成した画像上の文字は同じピクセル数の画像上で小さな文字も大変きれいに見えます。
使っているフォントの違いなのでしょうか。