2012-05-08 14 views
1

私は多くのユーザーがアップロードした画像を使ってウェブサイトを作っています。ユーザーがアップロードした画像のサイズを変更するためのベストプラクティス

デザイナーが素晴らしい仕事をし、サイト全体で4:3を使用したとしましょう。今のところ、400x300と200x150の2種類のサイズがあります。

このようなケースでは、どのサイズ変更戦略が効果的だと思いますか?ユーザーが800x200の画像をアップロードした場合、どのようにサイズを変更する必要がありますか? 400x100に移動するか、1200x300に移動して中央に切り取って400x300にする必要がありますか?

さらに小さな画像ではどうなると思いますか?たとえば、ユーザーが200x150をアップロードしようとするとどうなりますか?スケールアップする必要がありますか?それに何らかの効果が適用されますか?私は、彼らが小さすぎる場合、ユーザーはエラーメッセージところで

を得ることができますが、私はPHP(ImageMagickの)でアップロードと処理一般に

+1

ベストプラクティスは、顧客/デザイナーが望むものと、特定のサイトに適したものを行うことです。あなたがリストアップしたすべてのシナリオは私にとっては一般的に良いようです。 – kapa

+0

私たちのアプリでは、画像を常に正方形にリサイズしますが、元の画像の縦横比を維持します。すなわち、元の画像が1:1でない場合は、そのまま貼り付けます。我々は、写真の中で3分の1のルールに従う人が多く、画像の関心領域は一般に中心から外れています。 – Sachin

+0

したがって、画像をさまざまな比率で保存しますか? –

答えて

0

、あなたが話しています、すべての小さい画像が拒否されるべきだと思ういけません画像を小さくする場合はバイキュービックフィルタリングを使用し、画像を大きくする場合はバイリニアフィルタリングを使用する必要があります。バイキュービックフィルタは画像のシャープネスを助け、バイリニアは画像を滑らかにします。

ただし、クロップするか、サイズを変更するか、または2つを混在させるかは、ユーザーがアップロードする画像の種類とサイトに表示される方法に完全に依存します。

たとえば、写真のサムネイルを使用している場合は、可能な限りトリミングを避けることをお勧めします。

しかし、一種の「芸術的」な感じを探しているなら、実際にイメージのサイズを大きく変更しなくても、コーナーからイメージを切り抜くのが良いかもしれません。

+0

あなたの答えは大変ありがとうございます。使用している画像とは異なる比率で画像を保存することはどうですか?ウェブサイト上のサイズが400x300で、ユーザーが600x200をアップロードした場合、あなたは最高のものは何だろうと思いますか? 1.5倍に縮小して400の幅に達するか、1.5倍に拡大して300の高さにします。 –

+0

@NikosZinasスケールアップするよりも画質を維持するので、スケールダウンすることにしました。 –

関連する問題