Статьи

Оптимизация изображений для Интернета с помощью Photoshop

Команда «Сохранить для Интернета» в Photoshop позволяет оптимизировать изображения для использования в Интернете. Широкополосный доступ может позволить нам использовать большие изображения в Интернете, но все же важно помнить о посетителях, которые не пользуются широкополосным доступом, и оптимизировать все изображения на веб-сайте. Одним из важных аспектов успешного веб-сайта является его способность быстро загружаться.

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

Если вы новичок в Photoshop, вы можете не знать, что можете сохранять файлы в формате JPEG, GIF и PNG с помощью команды « Сохранить для Web», а не просто с помощью команды «Сохранить как» в меню «Файл». Чтобы показать вам разницу, я собираюсь сохранить один и тот же файл изображения, используя обе команды.

Использование Сохранить как
Сохранить как позволяет сохранить файл изображения в разных форматах. В этом примере я хочу сохранить свою фотографию в формате JPEG.

1. Начните с открытого изображения. Я изменил свой размер до 900 пикселей в ширину при подготовке моего фото-блога.

1openimage

2. Выберите « Файл»> «Сохранить как» и в диалоговом окне выберите «JPEG» в качестве формата файла и введите имя для нового файла. Нажмите «Сохранить», и откроется диалоговое окно «Параметры JPEG».

jpegoptions
Отсюда вы можете изменить качество и размер файла. Эти атрибуты напрямую связаны друг с другом. Чем выше качество, тем выше размер файла. Поэтому нам необходимо найти компромисс между размером файла и качеством. Установите флажок «Предварительный просмотр», чтобы увидеть, как изменение качества повлияет на изображение. В этом случае, установив качество на 8, размер файла изменяется от 165,8К до 84,5К. Это очень большая экономия на размере файла при сохранении достаточно хорошего качества.

Использование этого метода при сохранении фотографий означает, что метаданные EXIF ​​сохраняются вместе с изображением, поэтому это наиболее полезно для фотографов, которые могут захотеть включить эту информацию в фотоблог, веб-сайт или электронную почту. Если эта информация не требуется, лучше выбрать вариант «Сохранить для Интернета».

Использование Save For Web (и устройств)

Photoshop предлагает ряд элементов управления для сжатия размера файла изображения при оптимизации качества на экране. Вы используете диалоговое окно «Сохранить для Интернета и устройств» для сравнения исходного изображения с одной или несколькими сжатыми альтернативами, изменяя настройки при сравнении.

1. Снова открыв изображение в Photoshop, выберите « Файл»> «Сохранить для Web и устройств» (Примечание. В более старых версиях Photoshop команда «Файл»> «Сохранить для Web»).

2. В диалоговом окне «Сохранить для Интернета и устройств» перейдите на вкладку 4-Up. В раскрывающемся меню «Предустановка» выберите интересующий вас формат файла. В левом верхнем углу отображается исходное изображение. Photoshop автоматически отображает три варианта: предварительный просмотр JPEG с высоким, средним и низким качеством, три параметра GIF или один параметр PNG. Под каждым окном предварительного просмотра вы можете увидеть размер файла, качество и время, которое потребуется для загрузки изображения на определенной скорости модема.

clip_image006

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

4. Когда вы довольны тем, как выглядит предварительный просмотр, либо нажмите «Отмена», либо нажмите «Сохранить в имя» и сохраните файл.

Это обзор двух способов сохранения ваших файлов для Интернета с помощью Photoshop. Какой метод вы используете при оптимизации файлов для Интернета с помощью Photoshop?