imgタグ

Question

私のウェブサイトのリストページでは、詳細なページで使用される画像の小さなサムネイルを表示しなければならず、サイズが大きくなっています。リストのサムネイルを表示するには、高さと幅を<img>タグでスケーリングしています。

私はこれが良いアイデアではないことを知っています。ページが重くなり読み込みに時間がかかるためです。

画像が所定の高さの幅に従って自動的にトリミングされる方法はありますか？

Answer 1

重い持ち上げがすべて完了している（ファイルを転送している）ので、軽量にすることはできません。言うまでもありませんが、エンドユーザーがイメージ操作を行うことは非常に集中的です。サムネイルサーバー側を作成する必要があります。使用しているサーバー側の技術（C＃、PHPなど）について詳述する質問を投稿する必要があります。理想的には、それらをキャッシュに入れるか、あらかじめ作成しておけば、一度だけ実行して不要な作業からサーバーを保護することができます。

実際には、使用しているサーバー側の技術についてのフォローアップの質問を投稿しないでください。これは、時のトンを尋ねられています。それを行う方法を検索してください。例えば、php thumbnail creation。

Answer 2

PHPをお持ちの場合は、phpThumbを試してみてくださいそれは作物、ズーム - 作物、変形、ぼかし、コントラスト...などなど、サムネイルを自動的に作成し、キャッシュに保存するので、画像を再作成する必要はありません。ロードされる。

また、インストールと使用が非常に簡単です。これは大きなプラスです。