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


              

Для ускорения загрузки уменьшите размеры



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

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



  • Выберите оптимальные установки. Новые версии графических редакторов, такие как Photoshop 5.5 и Fireworks 3, позволяют просматривать изображение, когда вы пробуете различные установки оптимизации, поэтому вы можете минимизировать изображение, не испортив при этом его внешний вид. В Photoshop выберите Save For Web (Сохранить для веб) в меню File (Файл). В Fireworks нажмите Export Preview в меню File (Файл). Для начала убедитесь, что вы используете верный формат файла. Используйте GIF для изображений, содержащих текст или большие однотонные области. Используйте формат JPEG – который может создавать более маленькие файлы благодаря своей схеме сжатия – для фотографий или изображений, на которых цвета плавно переходят из одного в другой. (Однако если вы хотите, чтобы задний план просвечивал сквозь края изображения, – эффект прозрачности (transparency) – вы должны использовать формат GIF. Вы также можете использовать формат PNG, но не все броузеры его поддерживают. См. также раздел "Разные способы отображения фона сквозь рисунок".)

    Затем отрегулируйте цветовую палитру и качество изображения. Если вы используете формат GIF, выберите адаптивную палитру (adaptive palette). (Если вы используете цвета веб (web-safe) или системную (system) палитры, ваше изображение будет использовать специфический набор цветов и не будет отображать постепенные изменения цветов.) Просмотрите изображение в режиме 256 цветов, а затем сокращайте количество цветов (или, в некоторых версиях программ, разрядность цвета в битах), пока цвета и шрифты остаются ровными. Для JPEG начните с высокого разрешения (уровень разрешения 80 или 90) и постепенно уменьшайте его, пока изображение не стало слишком расплывшимся, пока не появились пятна и структурности. С каждым уменьшением разрешения будет уменьшаться файл изображения. Результаты могут быть просто потрясающими.


    Содержание  Назад  Вперед