Лучшая отрисовка миниатюр изображений в HTML. Как лучше всего создавать эскизы?

Question

Когда я создаю миниатюры в HTML, я вижу, что браузер при уменьшении размера изображения не использует никакой интерполяции.Изменение размера изображения выглядит кровать.Могу ли я перейти в браузер, используя интерполяцию или лучше воспроизвести?

Какое из этих действий лучше:

• создавать миниатюры на стороне сервера (в конечном итоге миниатюры сохраняются в базе данных, хотя это занимает многопространства),
• создавать эскизы на стороне клиента?

Answer 1

Вы хотите создать миниатюры на стороне сервера.Передача полноразмерного изображения через Интернет намного дороже, чем хранение дополнительного крошечного файла на стороне сервера.Учитывайте размер файлов и стоимость полосы пропускания в зависимости от стоимости дискового пространства.

В зависимости от того, какой язык на стороне сервера вы используете, существует множество вариантов генерации на стороне сервера.В Python, например, Python Imaging Library оказалась подходящей для моих нужд.Большинство языков также имеют библиотеки ImageMagick .

Answer 2

В наши дни хранение очень дешевое, лучше делать эскизы один раз на сервере и хранить их в файловой системе. Нет необходимости хранить эскизы в базе данных.

Пример хранения одного и того же изображения разных размеров

Img / большой / me.jpg

Img / мед / me.jpg

Img / маленький / me.jpg

Img / значок / me.jpg