2011-11-15 1 views
2

私は一般的にFireworksで画像を撮影し、ウェブサイトのサイズに合わせて変更し、JPG/PNG形式でWeb用に書き出します。これは問題ありません。HTML/CSSで画像のサイズを変更すると、Fireworksなどよりも優れた結果が得られますか?

私は<img>タグで大きな画像を使用し、CSSというプロパティでサイズを変更すると、Adobe製品でサイズを変更した場合よりも鮮明で鮮明になります。

他の人も同じ経験をしますか?例:100x100、Fireworksで50x50、CSSで50x50の画像を取得し、CSSのサイズを変更すると画像が見やすくなります。

私は小さい画像サイトのロード時間のためのより良いなど理解

答えて

2

これはブラウザと画像操作プログラムによって異なります。

CSSまたはHTMLを使用してサイズを変更すると、サイズ変更前の画像を提供する代わりに、ブラウザにサイズ変更を依頼しています。

イメージのサイズを変更するかどうかは、イメージ、ブラウザ、およびサイズ変更アルゴリズム(バイキュービック、バイリニア、Lanczosなど)によって異なります。

の場合、の結果は、自分でサイズを変更する必要があります。イメージ操作プログラムでは、さまざまなサイズ変更アルゴリズムを試すことができます。ブラウザを使用すると、右のサイズ変更アルゴリズムを供給するためにそのブラウザに依存している、とあなたは@PeeHaaは、すでに述べたように、すべての訪問者は、また

http://en.wikipedia.org/wiki/Image_scaling

...同じブラウザを使用することを保証することはできませんブラウザを大きくすると、読み込み時間が長くなります。 は、ブラウザでのRAMの使用量が増えることを意味します。

0

私はテイクで拡大画像を使用して、サイズを変更した場合、それはCSSの幅、それがよりくっきりとなります気付いてきたし、明らかに。 Adobe製品のサイズを見直してサイズを変更してください。

これが最初です。

通常、ウェブ上では、最良の結果を得るために正しい寸法の画像を提供する必要があります。

あなたがすでに言ったように、より大きな画像==より多くの読み込み時間(相対的に小さい画像の場合)。

私はちょうど花火が画像をリサイズするための最良のツールではないかもしれないWeb用画像を作成するための:)何かが何であるかをチェックアウトし

EDIT(私はそれがあまりにも圧縮を行うと思います)。 PhotoShop/Illustratorを試しましたか?

0

あなたが使用している特定のブラウザは、使用しているプログラムの特定の画像サイズ変更アルゴリズムに適しています。

gimpのようなランダムな画像エディターを使用して、使用できる補間方法の1つを選択できるサイズ変更オプションを調べることができます。

ブラウザで画像の拡大/縮小を行わない限り、

0

CSSを使用している場合は、ブラウザに完全に基づいています。 Firefoxはイメージを小さくするのには非常に優れているようだが、Internet Explorer(IE6/7以上)は面白い。

Photoshopなどのグラフィック編集ツールでサイズ変更方法を変更してみてください。 Fireworksはおそらく固定アルゴリズムを使用します。私はバイキュービックのリサイズがほとんどの場合に最適であることを知っていますが、シャープなエッジや鮮明な線があれば、あなたとは異なる場合があります。

また、別の画面で画像をテストする必要があります。私は、あるスクリーンではかなり「ライン状」の画像がひどく見えたが、別のスクリーンでは完璧なものがあるケースがあった。

関連する問題