2011-12-19 3 views
2

У меня повторяющийся горизонтальный рисунок в фоновом слое в HTML. Я мог бы сделать это либо с изображением шириной в 1 пиксель, либо с несколькими из них (10, 20, 50 ...).повторяющийся фон: большая плитка или маленькая плитка?

Вопрос таково:

Что лучше?

  1. использовать тонкий (малый размер файла) изображения и сделать его повторить много
  2. использовать большее изображение, которое будет повторяться менее

Сколько повторять данный шаблон изображения потреблять с точки зрения процессор/клиентские ресурсы? Предположим, что изображение имеет высоту 3000 пикселей.

EDIT:

ли лучше иметь 1x3000 изображения повторяться 1000 раз по горизонтали (в 1024-широком экране), чем 100x3000 изображения повторяться 10 раз по горизонтали? Является ли данный факт, что компьютеры в настоящее время значительно более эффективны, повторение этой плитки не вызывает беспокойства?

EDIT 2:

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

Repeating website background image - size vs speed

ответ

2

Я часто следуют «Чем меньше изображение, тем лучше» философию. Чем меньше размер, тем меньше времени занимает браузер для его загрузки. Однако 1x1 и 10x10 действительно не будут иметь большого значения с точки зрения ресурсов.

+1

я бы на несколько увеличить изображение (если это не оказывает серьезное влияние на размер файла): http://stackoverflow.com/questions/1530299/repeating-website-background-image-size-vs-speed – ptriek

+0

отличный @ptriek, который именно то, что я искал, но не смог создать набор ключевых слов в поиске, которые приведут к возникновению этого вопроса. – mga

+0

@ptriek создаст ответ, указывающий на URL-адрес или что-то еще, поэтому я могу принять это – mga

0

Если однопиксельное изображение соответствует вашим потребностям, то это лучше, потому что оно потребляет меньше времени для загрузки.

+0

, поэтому вы предпочитаете повторять изображение 1x3000 f 1000 раз по горизонтали, чем 100x3000 изображение повторяется 10 раз по горизонтали? – mga

+0

Да, потому что, если есть какие-то накладные расходы, они будут перенаправлены клиенту, а не сервером, и именно поэтому. – ALH

0

смотрите, чем меньше изображений займет меньше времени для скачивания с сервера, чем на более крупном. Скорость повторения изображения зависит от компьютера пользователя, и вам не нужно беспокоиться об этом.

Поэтому вы должны использовать небольшое изображение, которое занимает меньше времени для загрузки (или, другими словами, загрузки быстро). Как только изображение загружается на компьютер пользователя, он зависит от компьютера, как быстро он будет обрабатывать изображение.

+0

Итак, это компромисс между временем загрузки (один раз) и тем, как занят компьютер пользователя, который будет перерисовывать фон при последующих перерисованиях или прокрутках. –

+0

@ Mr Lister: точно ... вопрос о том, где компромисс прекращается для «маленькой плитки» ... как некоторая корреляция между размером плитки и размером видового экрана. – mga

0

Меньше чем лучше, графика загружается один раз и выполняется.

Смежные вопросы