Сохранение в форматах, пригодных для Web

Постановка задачи

Ранее мы говорили, что размеры файлов, в которых сохраняются изображения, как правило, очень велики для того, чтобы использовать их для размещения на Web-страницах.

Кроме того, размещение больших изображений в презентациях, их (презентации) неоправданно утяжеляет.

Практика показывает, что фотографии размером больше чем 400 - 500 пикселей в ширину на сайтах используются чрезвычайно редко. Обычное соотношение размеров длинной стороны фотографии к короткой составляет значение 3:2 (тогда как такое же соотношение для экрана монитора обычно 4:3). Поэтому будем условно считать, что вы хотите разместить фотографию размером в 450 пикселей в ширину и 300 пикселей в высоту (после сканирования фотографии и уменьшения её размеров)

Общее число пикселей составит 450 умножить на 300 = 135 тысяч пикселей.

В модели RGB для описания цвета каждого пикселя требуется, как вы помните 3 байта (для каждого пикселя). Итого фотография в памяти компьютера будет занимать 135000 умножить на 3 =  405000 байт - приблизительно 396 килобайт. Если у пользователя Интернет обычное соединение по телефонному проводу с простым модемом со скоростью 28,8 килобит/сек, то это означает, что при пересчете в килобайты этот пользователь имеет скорость получения информации 3,6 килобайта в секунду. Даже если отвлечься от того, что реальная скорость (из-за неизбежных сбоев в сети и повторных запросов информации) будет процентов на 30 меньше, получим, что для загрузки такой фотографии потребуется примерно 150 секунд, то есть около 2,5 минут. Посудите сами - ведь это только ОДНА фотография на вашей Web-странице. Если таких фотографий вы разместите штук 5, то никто не станет дожидаться загрузки вашей страницы!

Можно было бы сказать, что для работы в локальной сети школы такие "тяжелые" Web-страницы  хоть как-то пригодны, но это - плохой способ. Более того, современные браузеры "не понимают" форматов файлов BMP и TIFF, не смотря на то, что скорости передачи информации в сети Интернет год от года повышаются!

Итак, для создания Web-страниц нам нужны более "легкие" файлы. Рассмотрим, какими способами мы можем этого добиться.

Сохранение для Web

Вызов окна Save for Web

Снова рассмотрим фотографию школы.

Как вы помните, эта фотография имела колоссальные размеры в пикселях (если не помните, то 1772 пикселя в ширину и 1181 пиксель в высоту) а также огромный размер файла (около 6 мегабайт).

Пускай для размещения на Веб-странице фотография должна иметь те же самые, обсуждавшиеся ранее размеры (приблизительно) порядка 400 пикселей в ширину.

При этом для нас конкретный размер не слишком важен. Это может быть и 350 пикселей, и 450 пикселей. А вот размер файла играет важную роль. Те инструменты программы, которыми мы пока что владеем, заставляют нас работать методом проб и ошибок: изменять размер изображения, сохранять, анализировать размер получившегося файла, затем отменять сделанное изменение геометрических размеров (чтобы не ухудшить качество фотографии) и снова изменять размеры изображения, подбирая наилучшее соотношение размер файла - качество фотографии.

Для того, чтобы облегчить эту работу, в программе Photoshop имеется специальная процедура (команда, окно, утилита - мы затрудняемся дать правильное название!). Но это - именно то, что нам надо. Щелкнем меню File (Файл), а затем команду Save for Web... (Сохранить для Web...)

Откроется окно Save for Web (Сохранить для Веб).

Параметры окна Save for Web (Сохранить для Веб)

Рассмотрим параметры этого окна

Если вы видите только одно изображение в этом окне, щелкните в верхней части окна вкладку 2-Up (показать 2), вкладка показана на рисунке:

Тогда вы увидите два окна:

В нижней части левого окна вы увидите:

Надпись обозначает, что это - Исходное (Original) изображение, которое называется School.tif, то есть изображение Школы, сохраненное в в формате TIFF. Оно имеет размер файла, как указано - 5,99 Мегабайт.

В таком же углу правого окна вы видите другую надпись:

Здесь указан только формат файла: JPEG. То есть файл будет сохранен в формате JPEG. Указан размер файла в этом случае: 1,373 Мегабайта. И указано время загрузки этого файла: 501 секунда при скорости модема 28,8 Kbps (Килобит в секунду). Ясно, что такое время является недопустимо большим.

Рассмотрим возможности уменьшения размеров файла и, соответственно, уменьшения времени загрузки.