Justified Layout アスペクト比を可能な限り維持し、高さを合わせて表示する方法。Flickr の新UIがこれ。 サイムネイル一行をレンダリングエリアの横幅に収める必要があるので、動的なリサイジング(クロップ)処理が必須。 Justified Layout (+Non-Cropped View) Justified Layout に加え、画像を選択した場合などに、元のアスペクト比を維持した、 動的リサイジング前の画像を描写する方法。Google 画像検索などがこれ。 Masonry Layout アスペクト比を維持し、横幅を合わせて表示する方法。NEVER 画像検索や jQuery Masonry がこれ。 Justified Layout と異なり、レンダリングエリアに合わせる必要がないのでリサイジングが不要。 Tile Layout 画像を縮小したあとに、その画像の一部を一
![画像のサムネイルを表示するときの表示方法について - ajido.hatenablog.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/3cd748e73320cbd153c75a712b33ce7fa8213a20/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FA%2FAjido%2F20120311%2F20120311231013.png)