Изменить размер изображения по сравнению с разными размерами изображения

Question

Мне интересно, почему некоторые популярные веб-сайты, такие как facebook и twitter, используют изображения нескольких размеров для аватара пользователя. Изображение было одинаковым, за исключением размеров.

Вопрос в том, что лучше? Предположим, что у меня есть picture.jpg, который является 100x100 px, тогда мне нужна его копия, которая равна 50x50 px.

Что я должен использовать? Создание двух картинных файлов в моем каталоге picture_100x100.jpg и picture_50x50.jpg или просто используя одно изображение, а затем измените его размер с помощью css?

Answer 1

Есть два правдоподобных причины, чтобы иметь несколько адресов изображений на сервере:

1. Пропускная способность - особенно важно для мобильных устройств с помощью 2G или аналогичных медленных сетей, которые по-прежнему является проблемой сегодня. Вы хотите отправить абсолютный минимальный объем данных, а большие изображения могут быть зависанием полосы пропускания, даже при использовании схемы сжатия с потерями, такой как JPEG.
2. Большая версия изображения может быть основана на «основном» загруженном изображении, которое еще больше. Двойное уменьшение может привести к несовершенствам по сравнению с уменьшением размера одного из основного изображения.