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


Изображения слишком долго загружаются


Посетители не любят ждать, пока броузер загрузит и отобразит большие изображения, тем более что многие из них все еще имеют медленную связь, поэтому важно свести время загрузки к минимуму . Чтобы страница загружалась быстрее, вы можете ограничить количество изображений или их размеры. Но самое главное – вы можете с помощью графических редакторов оптимизировать ваши изображения, то есть создать минимально возможные GIF и JPEG файлы – если сохраняется внешний вид изображения, никто не заметит разницы. Многие программы для сканирования и графические редакторы сохраняют изображения с высоким разрешением по умолчанию. Это важно, если вы делаете печатную брошюру или журнал, но создает проблемы при работе веб-страниц.

Одному изображению, размером 56Kб, требуется для загрузки 15 секунд, а другое оптимизировано и загружается всего 3 секунды. Угадайте, где какое?

Одному изображению, размером 56Kб, требуется для загрузки 15 секунд, а другое оптимизировано и загружается всего 3 секунды. Угадайте, где какое?

Если ваши изображения забивают линии Internet, сделайте следующее, чтобы уменьшить их.

  1. Определите размер файлов ваших изображений. Изображения больше 10 Kб могут загружаться несколько секунд. Если некоторые большие изображения не являются необходимыми для понимания информации, удалите их с вашей страницы.
  2. Откройте каждый файл с изображением в вашей графической программе. Если возможно, откройте оригинал файла, такой как файл Photoshop или Fireworks, поскольку с ним легче работать. (Вам всегда следует сохранять оригинал, а также версии ваших изображений с высоким разрешением, даже если у вас есть копии с низким разрешением на веб-страницах.) Убедитесь, что файл, который вы просматриваете, увеличен до ста процентов.

    Несмотря на то, что регулировать размеры изображений с помощью атрибутов width и height в тэге <IMG> возможно, лучше все же делать это в графическом редакторе. При уменьшении изображения вручную вы уменьшаете сам файл; а при увеличении можете лучше контролировать результат и избежать появления структурности.

  3. Если изображение занимает на экране больше места, чем необходимо, обрежьте изображение или уменьшите его размер. Чтобы обрезать изображение в Photoshop 5.5, например, выделите область, которую вы хотите сохранить, а затем нажмите Crop (Вырезать) в меню Image (Изображение). Для изменения размеров выберите Image Size (Размер изображения) в меню Image (Изображение).




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