Как получить хорошее фоновое изображение, не тратя при этом огромное время загрузки страницы?

Question

Пример: mail.yahoo.com имеет довольно красивое фоновое изображение под основной формой входа.

Если бы у меня была такая же хорошая картинка ... Как установить ее в качестве фона, не делая загрузку страницы слишком медленной?

Насколько большим должен быть размер файла, чтобы начать беспокоиться об этом?

Спасибо!

Answer 1

Чтобы свести размер изображения к минимуму, вы можете использовать такую ​​программу, как Yahoo Smush It (http://www.smushit.com/ysmush.it/).

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

Answer 2

• Используйте большое сжатие в настройках JPEG при создании изображения.(JPG, вероятно, будет лучшим форматом)
• Сохраняйте общий контраст на изображении низким.
• Избегайте сложных текстур (размытие при необходимости), выберите более градиентоподобные формы.

Снимите что-нибудь около или меньше, чем 100 КБ, если вы можете качать это.Даже это может появиться с некоторой задержкой, в зависимости от других факторов.

Answer 3

Проверка:

http://httparchive.org/interesting.php

Средний размер изображения составляет 450 КБ для веб-страницы (всего для всех изображений). Просто убедитесь, что вы не слишком много превышаете среднее значение, и с вами все будет в порядке.