Практика разработки Web-страниц

купить женскую обувь в интернет магазине с доставкой по россии |

Файл с фоновым рисунком загружается слишком медленно


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

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

С помощью продуманного дизайна и оптимизации вашего фонового рисунка вы можете уменьшить его до приемлемого размера.

Даже большой фоновый рисунок может загружаться быстро, если вы минимизируете цвета и используете оптимальный формат

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

Сделайте следующее, чтобы решить проблему.

  1. Откройте фоновый рисунок в своей графической программе. Если возможно, используйте исходный рисунок, например, файлы Fireworks, Photoshop или Illustrator; если нет, используйте формат GIF или JPEG.
  2. Проверьте, имеет ли ваш рисунок деталь, повторяющуюся вниз или поперек: если имеет, вы можете уменьшить ее размер до одной секции и указать броузеру повторять ее. Делая это, убедитесь, что левый край совпадает с правым, а верхний – с нижним.
  3. Проверьте размеры рисунка. Если рисунок больше 1024 пикселей в ширину или 768 пикселей в высоту, вы можете уменьшить его размер без какого-либо видимого эффекта. Если вы не хотите, чтобы он повторялся в случаях, когда окно броузера слишком большое, сделайте его меньше. (Как сделать, чтобы броузер не повторял изображение, см. раздел "Предотвращение повторения фонового рисунка".)
  4. Постарайтесь уменьшить количество цветов и контрастность изображения. Фоновый рисунок должен быть простым, чтобы лучше сочетаться с содержимым страницы.
  5. Если это фотография или цвета меняются градуировано, используйте формат JPEG. Чтобы сделать изображение меньше, уменьшите параметры качества до 60 и меньше.

    При качестве JPEG всего в 10 процентов этот приглушенный рисунок парусника, заполняя всю страницу, имеет вполне практичный размер




    Начало  Назад  Вперед