2012-01-27 171 views
0

私はtumblrを使用しています。私はイメージを挿入しました。htmlは次のようになります。<img>は、tumblr postで見たときにぼやけている、そうでなければ鮮明に見える?

<img height="320" src="foo.png" width="400" /> 

私のイメージは実際には正確なサイズ、幅(400)、高さ(320)です。それにテキストがあり、画像のURLを直接(または私のマシン上でローカルに)訪れると鮮明に見えます。

しかし、tumblrポストでは、画像がかなりぼやけています。実際には画面のピクセル数が400ピクセルですが、私が気づいていないタグのcss属性を使って奇妙な圧縮が適用されているようです。

何が起こっているか確認するために何か確認できますか?

おかげ

+0

のためのimgタグの使用にdiv要素を使用して、あなたがへのリンクを提供することができますこれは生きている、あるいは多分スクリーンショットですか?画像へのリンクは何ですか? – animuson

答えて

0

は私がいただきました!問題は正確にわからないが、あなたはdivimgを入れてみてください、代わりにimgのスタイルを使用してdivのサイズを修正することができます。

<div style="height:320px;width:400px;"> 
    <img src="foo.png" /> 
</div> 
0

のようなものは一例

<img style="width: 400px; height: 320px;" src="foo.png" /> 

のCSSと画像に高さを与えてみたりしてもいけない例

<div style="background: url(foo.png); width: 400px; height: 320px;"></div> 
+0

いいえ、しないでください。画像の幅と高さを指定して、ブラウザがダウンロードされている間に画像のスペースを確保するはずです。また、それを部門のバックグラウンドにすることは意味論的な意味を取り除きます。また、ほとんどの場合、ページを印刷するときに背景が表示されません。 – animuson

関連する問題