Что будет загружать браузер быстрее изображение 1000px x 1px или 1PX на 1000px изображение
https://stackoverflow.com/questions/6822113
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Кажется, что, поскольку изображение - это просто кусок данных, что оно будет таким же, но я не убедительный в этом, потому что я не уверен, как браузер на самом деле отображает изображение.
Кроме того, какой формат изображения для изображения одного цвета загрузит самый быстрый?
Решение
Кроме того, какой формат изображения для изображения одного цвета загрузит самый быстрый?
Если вы собираетесь загрузить один цвет, есть вероятность, что использование элемента с background: #HEX; Будет несколько быстрее, так как вам не нужно будет загружать фактическое изображение.
Редактировать № 1:
Я создал два черных JPG -Images, 1000x1 и 1x1000 - оба в итоге получили одинаковый размер (399 байтов).
Далее я создал 1000x1 PNG-Image, а также GIF-Image 1000x1 (оба заполнены черным)-Оказывается, размеры были следующими:
PNG-image: 96 bytes
GIF-image: 63 bytes
Победитель: GIF-Image, с 33 байтами меньше данных, чем PNG-Image. Если вы загружаете 1000 изображений, подобных тем, которые используются в тесте, накладные расходы с использованием формата PNG будут суммировать 33 000 bytes (или же 32.22 kilobytes Если вы предпочитаете этот формат).
