2012-03-27 10 views
0

HTML文書の画像の細分性の理由は何ですか?画像が細かすぎる

私はいくつかの文書をスキャンし、以下の特性を有する対応するJPEG画像を作成した: 画像サイズ:2452 X 3508ピクセル
解像度:300×300 PPI
JPEG、RGB

及びHTMLにそれらを含めます次のような文書を添付してください:<img src="image.jpg" height="100%" />
大きなモニタとノートブックでWebページを開きました。

どちらの場合でも、画像の品質は非常に悪いです。テキストがあまりに細かすぎて、テキストを読むのが難しいです。標準のWindowsイメージビューアでそれらを開くと、すべての小さな詳細を見ることができます。

品質を損なうことなくイメージをHTMLドキュメントに含めるにはどうすればよいですか?

+1

あなたは印刷解像度をスキャンしました。 72 dpiでスキャンするか、サイズを変更してください。 –

+0

高さ= 100%の理由は何ですか?それを取り出してみてください。 – geekonablog

+0

IEを使用している場合は、http://css-tricks.com/ie-fix-bicubic-scaling-for-images/ – Dampsquid

答えて

2

印刷品質で画像をスキャンし、通常は最大96 DPIを処理できない画面に表示しています。

低いDPI設定を使用して画像を再スキャンし、ブラウザウィンドウに8メガピクセルの画像を表示しないでください。

これは、あなたが達成したいと思っているものに逆らって直感的に思えるかもしれませんが、そうではありません。スキャンされたイメージをコンピュータの画面に表示して、印刷品質のように表示することはありません。 (私たち全員がモニタ用の網膜品質表示を得るまで)

+0

本当に再スキャンする必要はありますか?私は自宅でスキャナーを持っていないし、約20の文書がある。 Diodeusはそれらのサイズを変更することを提案しました。彼の助言に従うことによって、どのような長所と短所がありますか? – ka3ak

+1

あなたはそれらを再スキャンする必要はありません - まともなイメージエディタはそれらのサイズを変更し、DPIを減らす必要があります:) – Daan

+1

@ ka3akいいえ、あなたはそれらを再スキャンする必要はありません。サイズを変更するには、* Imagemagick *または* Gimp *を使用できます。サイズを変更し、より少ないDPI(72または96dpiなど)で縮小/保存することもできます。 – PenguinCoder

0

イメージタグからheight="100%"を削除してみてください。

<img src="image.jpg" /> 
+0

私は属性が必要です – ka3ak

+0

次にコード行を試してください Epuri

+0

私は属性値 "100%"も必要です;) – ka3ak

関連する問題