Изменение размера изображения или производительности нового файла

Question

Это может показаться глупым вопросом. У меня есть изображения, которые повторно используются на моем веб-сайте, но они часто имеют разные размеры. Например, маленькие значки я использую как 16x16, так и 32x32, а также мой логотип, который имеет большую версию и небольшую версию. Мой вопрос в том, что, как правило, существует лучший подход к производительности между одним файлом и простым изменением размера его в браузере ИЛИ для создания двух отдельных файлов. Я предполагаю, что изменение размера, вероятно, лучше (только один запрос сервера), но я не чувствую, что получаю то же качество изображения/контроль, когда я это делаю. Какова наилучшая практика в этом отношении? Это меняется, если спрайты используются?

Answer 1

Изображения, которые должны быть оптимизированы не для производительности, а для внешнего вида. Изменение размера маленького изображения на большое просто делает его размытым или пиксельным, а изменение размера большого изображения на маленькое потеряет важные детали.