Книга: 500 типичных проблем и их решений при работе на ПК

Как уменьшить размер изображения, чтобы оно быстрее загружалось через Интернет?

Как уменьшить размер изображения, чтобы оно быстрее загружалось через Интернет?

Скорости, как, впрочем, и ширины канала передачи данных, никогда не бывает достаточно, да и трафик часто приходится оплачивать из своего кармана – эти факторы заставляют более критично относиться к объемам передаваемых данных – иначе говоря, банально экономить.

Когда каждый мегабайт стоит денег, прежде чем послать по электронной почте фотографию знакомым, несколько раз хорошо подумаешь, есть ли смысл отправлять изображение объемом в несколько мегабайт, если, немного его ужав, можно уменьшить размер изображения в десятки раз. Про тех, кто выгружает картинки на сайты, я даже и не говорю – таким людям в первую очередь нужно заботиться об оптимизации изображений. Подытожив вышесказанное, спешу вас заверить – умение уменьшать размер графических файлов крайне необходимо. Без него ваша жизнь будет тяжела так же, как и мегабайтные письма, которые вы отправляете.

Итак, сейчас главная задача – уменьшить объем графического файла. Возможные пути ее решения следующие: воспользоваться архиватором или призвать на помощь графический редактор. Теперь по порядку о каждом из вариантов.

Использование архиватора оправдано только в том случае, если вы имеете дело с изображением, которое хранится в формате TIFF или PSD. Поскольку данные форматы не подразумевают сжатие данных, то работа архиватора видна невооруженным глазом (рис. 10.18). Архивировать же JPG– или GIF-файлы особого смысла нет (даже при максимальном качестве JPG-файла), и это тоже хорошо видно на рис. 10.18. Надо отметить, что формат TIFF поддерживает сжатие по алгоритму ZIP, и в случае его применения эффективность архивирования также останется низкой, но исходный файл, естественно, будет занимать все равно больше места.

Рис. 10.18. Результат архивирования разных форматов

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

Это, что называется, классика жанра. Adobe Photoshop – продукт компании Adobe, который признан во всем мире, пользуется заслуженным уважением и стоит соответственно. Рядовые пользователи лишь в редких случаях могут позволить себе пользоваться этой программой на законных основаниях. Тем не менее в книге будет рассмотрена оптимизация изображений средствами Adobe Photoshop.

В состав этого программного продукта (в седьмой версии так точно) входит специальная функция под названием Save for Web. Она доступна в меню File Save for Web (Файл ? Сохранить для Web).

Откройте изображение, требующее оптимизации, запустите Save for Web, и перед вами откроется окно (рис. 10.19).

Рис. 10.19. Инструмент Adobe Photoshop: Save for Web

В правой части окна можно указать параметры оптимизации и формат, который необходимо использовать для сжатия (JPEG или GIF). У каждого формата свои параметры оптимизации. Для GIF основным является используемое количество цветов в таблице изображения – изменяется количество цветов в строке Colors (может быть от 2 до 256). Можно также поэкспериментировать с алгоритмом выбора цветов: в седьмой версии доступны алгоритмы Perceptual, Selective, Adaptive, Web, Black&White и др. Что касается формата JPG, то здесь основное внимание стоит обратить на строку Quality (Качество), в которой с помощью ползунка задается уровень качества сохраняемого изображения. Передвиньте ползунок – и результат тут же отобразится в левой части окна. Параметр Blur (Размытие) смазывает изображение, что при небольших значениях позволяет скрыть разводы, которые появляются на нем при низком уровне качества.

Рекомендуется установить флажок Progressive, что позволит применить к изображению прогрессивное JPEG-кодирование. Преимущество такого кодирования в том, что при размещении изображения на сайте оно будет отображаться у пользователя по мере загрузки.

Формат JPEG является широкоиспользуемым методом сжатия фотоизображений. Из-за особенностей алгоритма JPEG, в отличие от GIF, больше подходит для хранения фотографий и является алгоритмом сжатия с потерей качества. Файлы этого формата не ограничены палитрой из 256 цветов и при желании могут содержать до 16 777 216 цветов.

При сохранении JPEG-файла можно указать степень сжатия, которую обычно задают в некоторых условных единицах от 1 до 100 (иногда от 1 до 10). При этом большее число соответствует более высокому качеству, что, в свою очередь, вызывает увеличение размера файла. Разница в качестве между 90 и 100 на глаз уже почти не воспринимается, а размер меняется ощутимо, поэтому в большинстве программ идеальными являются настройки от 75 до 90 (или от 5 до 8, если вы используете Adobe Photoshop). При необходимости получения совсем небольшого по объему файла при небольшом разрешении целесообразно попробовать формат GIF или PNG.

Графический формат GIF предназначен в основном для хранения «рисованых» изображений: чертежей, графиков и т. д. В нем используется так называемая индексированная цветовая палитра. Максимальное количество цветов в ней – 256. Так что не стоит сохранять в формате GIF, например, многоцветные фотографии – размер файла останется достаточно большим, а качество изображения заметно ухудшится за счет уменьшения количества цветов. Зато файлы, содержащие много одноцветных точек, расположенных рядом, можно сжать с помощью формата GIF до совсем небольших размеров. Кроме того, формат GIF имеет еще ряд достоинств.

Во-первых, GIF-изображение может быть «прозрачным» (прозрачность двухбитная). То есть формат позволяет удалить из палитры один цвет, определив его как прозрачный. Тогда при просмотре изображения сквозь точки, окрашенные в данный цвет, на рисунке будет виден фон веб-страницы. Это очень помогает при создании изображений сложной формы. Например, этим приемом можно поместить на веб-страницу фотографию круглой формы, обрезав углы необходимым способом, при условии отсутствия под ними фона (фон прозрачный).

Другое достоинство GIF-рисунков – возможность загружать их чересстрочным методом. Если графический файл имеет большой размер и загружается из Интернета долго, пользователь увидит сначала лишь нечеткие контуры будущего рисунка, а по мере загрузки изображение будет постепенно «проявляться».

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

Это еще один коммерческий продукт, предназначенный для работы с изображениями, который стал весьма известным, оброс всевозможными дополнительными функциями, благодаря чему превратился из простой программы просмотра изображений в небольшой графический редактор. Основное назначение ACDSee – просматривать изображения, поэтому программу иногда называют просмотрщиком. Однако, как уже говорилось, она умеет не только «смотреть», но и редактировать (рис. 10.20).

Рис. 10.20. Оптимизация изображения с помощью ACDSee

Чтобы оптимизировать графический файл, откройте его с помощью программы ACDSee, щелкните правой кнопкой мыши на изображении и в открывшемся меню выполните команду File ? Save As. Перед вами откроется окно, в котором нужно будет указать тип файла для сохранения (GIF или JPEG) и папку, куда необходимо поместить оптимизированное изображение. Но не спешите нажимать кнопку Сохранить! Сначала нажмите кнопку Options – откроется окно с параметрами оптимизации, где вы сможете задать нужные настройки.

Это еще один просмотрщик графических файлов, но на этот раз бесплатный и характеризующийся при этом наличием широких возможностей настраива362 ния. Кстати говоря, это отличная программа – я перешел от ACDSee к IrfanView. Программу вы можете найти на сайте www.irfanview.com, потому что последняя минимально загружает систему и при этом обладает всеми необходимыми мне возможностями, в том числе способна оптимизировать изображения.

Откройте необходимый графический файл, нажмите клавишу Sили выполните команду меню File ? Save As, и перед вами откроется окно с панелью оптимизации (справа). В зависимости от того какой формат вы выберете в строке Тип файла, на панели оптимизации будут появляться необходимые настройки.

Чтобы уменьшить разрешение открытого изображения, нажмите сочетание клавиш Ctrl+R или выполните команду меню Image ? Resize/Resample. В открывшемся окне на панели справа будет представлен список доступных стандартных размеров, которым и рекомендуется воспользоваться.

Да, именно Microsoft Word! Вам не показалось, и это не описка. Спешу заверить: я не употребляю в пищу галлюциногенных грибов, не засиживаюсь в машине с включенным двигателем и хорошо высыпаюсь. Просто Word таит в себе много неожиданностей. Заинтригованы? Тогда вперед.

Оптимизация изображения основана на том, что данная программа способна сохранять документы как веб-страницы. Итак, откройте редактор и создайте пустой документ (нажмите сочетание клавиш Ctrl+N), разместите в нем картинку, требующую оптимизации (выполните команду меню Вставка ? Рисунок ? Из файла). Далее откройте меню Файл и выберите команду Сохранить как веб-страницу. Дайте название файлу (к примеру, my_page) и сохраните. В той папке, куда вы сохранили файл my_page.htm, найдите папку с названием my_page.files. В ней вы найдете оптимизированное (по сравнению с исходным) изображение – скорее всего, в формате JPG.

Согласитесь, довольно изящный способ. Он идеально подходит, если под рукой нет специализированных программ, предназначенных для работы с графикой. Уменьшить размер изображения с помощью Microsoft Word тоже возможно. Щелкните на внедренном в документ рисунке правой кнопкой мыши, выберите в меню пункт Формат рисунка, в открывшемся окне перейдите на вкладку Размер и в области Масштаб измените значение поля По высоте или По ширине (рис. 10.21).

Рис. 10.21. Уменьшение размера изображения средствами Microsoft Word

Нельзя обойти вниманием входящую в стандартный комплект приложений Windows программу Paint (меню Пуск ? Программы ? Стандартные ? Paint). Пожалуй, то, что утилита является предустановленной, – единственное достоинство программы в текущем контексте, поскольку этот простейший графический редактор не предоставляет широких возможностей по оптимизации изображений. Открыв в Paint любой графический объект, вы можете сохранить его в формате JPG или GIF, однако выбрать степень сжатия, увы, не получится – придется мириться с установками по умолчанию, впрочем, как и в случае с Microsoft Word. Но когда выбирать не из чего, вполне сгодится и Paint.

Между прочим, уменьшить размер (разрешение) изображения можно с помощью команды меню Рисунок ? Растянуть/Наклонить (поля По горизонтали и По вертикали).

Оглавление книги