ユーザーが写真をアップロードできるWebサイトがあり、アップロードされたすべての画像を適切に並べ替えて表示するページを作成したいと思います。問題は、誰かが400x400pxの解像度で、誰かが1400x800pxで、誰かが300x500pxの解像度で画像をアップロードすることです。
アップロードしたすべての画像を印刷したいページで、各画像を100x200pxのサイズで印刷したいと思います。次のように、画像のサイズを手動で設定しようとしました。
<img src="img.jpg" style="width: 100px; height: 200px" />
しかし、ページはひどく見え、すべての画像がぼやけています。それを行うための最良のアプローチは何ですか？たぶん、各画像から100x200pxの領域をトリミングして表示しますか？しかし、それを行う方法は？