Лучшие практики для отображения миниатюр на веб-страницах

Question

Если я хочу показать миниатюру изображения и показать фактический размер изображения при нажатии на миниатюру,
Какова лучшая практика / стандартный способ? Я имею в виду,
1- Храните два файла в локальном хранилище (скажем, 800x600 и 120x160) и загружайте их отдельно
2- Сохраняйте только полноразмерное изображение (скажем, 800x600) и отображайте миниатюру, изменяя ее размеры в тегах HTML

width="160" height="120"

Answer 1

Рекомендуется использовать два файла, то есть

1- Keep two files in local storage (say 800x600 and 120x160)and load them separately 

Поскольку изменение размера требует больших вычислительных затрат и требует большей пропускной способности.

В идеале каждое уменьшенное изображение сжимается до 1030K (JPEG), и имеет альтернативный текст.Таким образом, вы можете иметь около 20 или около того в таблице, легко увидеть.Как здесь: http://www.flickr.com/explore/interesting/7days/

И, как вы, вероятно, знаете, есть создатели миниатюр, , как этот .

Answer 2

Лучше всего сохранить версию с высоким разрешением на сервере, а затем, исходя из требований, динамически изменять размер изображения.и если вы хотите, вы можете кэшировать файл на стороне сервера. если вы используете C #, этот пример показывает , как динамически изменять размер

следующая опция - хранить отдельные файлы на сервере.

Answer 3

Я думаю, что лучше всего хранить два файла. Пользователь может загрузить несколько больших файлов, но не все. Таким образом, загружать их все не нужно.

Это может быть очень важно для телефонов или подобных устройств.

Answer 4

Вариант 1 - вы экономите пропускную способность, а также позволяете людям с ограничениями на загрузку не использовать свой потенциальный лимит (например, на своих телефонах). Единственное, от чего вы отказываетесь (если автоматизируете процесс), это место на жестком диске.