Например, если изображение 1x1 загружается быстрее, чем 2x2? Размер будет меньше, но браузеру придется работать вдвое больше, не так ли?Есть ли идеальный размер для фоновых изображений?
Итак, есть идеальный размер и форма (квадрат против прямоугольника) для фоновых изображений?
Я знаю, что это, вероятно, не слишком важно, но мне интересно узнать.
Спасибо
Я не думаю, что есть «идеальный» размер для вашего изображения.
Хотя качество изображения будет играть роль в времени загрузки. Изображение с насыщенными цветами будет иметь большой размер по сравнению с другим с тем же размером.
Наконец-то выбор фонового изображения полностью зависит от ваших потребностей. Если вам нужно изображение 2 * 2, вы должны включить это.
Если вам необходимо оптимизировать работу сайта, используя множество фоновых изображений, то вы посмотрите на
и некоторые инструменты для оптимизации
изображения может Я заметил, что чередование очень маленьких изображений (например, 1 × 1 или 2 × 2) очень мало во многих браузерах. Поскольку с большинством сжатых форматов изображений почти нет недостатка в том, чтобы быть больше с повторениями, я думаю, что, по крайней мере, для тайлирования изображений вы должны выбирать изображения вокруг не менее 50 × 50 пикселей, чтобы уменьшить сложность рисования в UA.
Интересный вопрос. Вы должны спросить каждого из поставщиков браузеров, поскольку каждый из них имеет разные способы визуализации изображений.
Но в действительности, игнорируя время загрузки, любая разница в времени рендеринга будет незначительной, поэтому имеет смысл просто использовать меньшее изображение, если это возможно.
Я также укажу, что если вы используете повторяющееся изображение 1x1, вместо этого вы должны использовать цвет фона.
В некоторых случаях вам может понадобиться изображение вместо цвета фона, так как цвета не всегда отображаются точно так же. – Guffa
Guffa: То же самое для изображений. И в идеале алгоритмы для определения отображаемого цвета должны быть одинаковыми как для сплошных цветов, так и для изображений. – Joey
Возможно, вам понадобится полупрозрачное изображение png – Eric
Идеальный размер будет отличаться от одного браузера к другому, от одной системы к другой.
Избегайте делать его слишком маленьким или слишком большим. Фоновое изображение размером 1x1 может иметь проблемы с отображением в некоторых браузерах. Вы должны хотя бы сделать несколько пикселей в каждом измерении.
Я помню, что Netscape 4 отказался повторять изображения, если они были меньше, чем что-то вроде десяти пикселей в ширину. Браузеры сегодня менее чувствительны, но все же имеет смысл не делать изображения слишком маленькими.
Сжатие изображений (по крайней мере для изображений GIF и PNG) основано на повторении, поэтому, если вы сделаете изображение большим, повторив его, дополнительный размер изображения добавит очень мало к размеру файла.
Просто отметить: если вы пытаетесь ускорить загрузку, накладные расходы на загрузку 1x1 изображения против, скажем, 10x10, пренебрежимо мала, особенно для прилично сжатых изображений - как для клиента, так и для сервера.
Поэтому, поскольку рендеринг определенно быстрее/лучше с 10x10, перейдите к большему размеру изображения.
CSS sprites is neat ... Спасибо за ссылку – guerda