Графические дизайнеры, веб-дизайнеры и другие, которые создают контент для Интернета, также создают готовые к работе изображения, такие как фотографии для веб-сайтов и рекламные баннеры. Перед загрузкой этих изображений они оптимизируются для быстрой загрузки и отображения в веб-браузере.
Инструмент «Сохранить для Интернета» в Photoshop — это простой способ подготовки файлов JPEG для Интернета. Этот инструмент также сохраняет файлы GIF, PNG и BMP. Вот как можно использовать инструмент «Сохранить для Web», чтобы получить правильный баланс качества изображения и размера файла для ваших изображений.
Инструкции в этой статье относятся к Photoshop 5.5 и более поздним версиям. Команды и пункты меню могут отличаться в разных версиях.
Что делает графический веб-готовым?
Большинство веб-готовой графики имеют общие характеристики:
- Разрешение составляет 72 точек на дюйм .
- Цветовой режим RGB.
- Размер файлов уменьшается для быстрой загрузки веб-страниц.
Как сохранить для веб в Photoshop
Save for Web — не такой инструмент, как Marquee , Move или Magnetic Lasso . Это способ экспортировать необработанный файл в формат, который могут легко использовать другие люди. Вот как это можно использовать для оптимизации изображений.
-
Откройте изображение, которое вы хотите сохранить в Photoshop.
-
Выберите « Изображение» > « Размер изображения» . Или нажмите Alt / Option + Command + I на клавиатуре.
-
В поле « Ширина» введите новую ширину, выберите « Пиксели» , затем нажмите « ОК» .
Изменить размер фотографии до небольшого размера, который можно использовать на веб-сайте.
-
Выберите « Файл» > « Сохранить для Интернета и устройств» . Или нажмите Alt / Option + Command + Shift + S на клавиатуре.
В других версиях Photoshop путь — Файл > Экспорт > Сохранить для Web . Элемент может называться «Сохранить для Интернета» или «Сохранить для Интернета и устройств».
-
В окне « Сохранить для Web» перейдите на вкладки « Исходный» , « Оптимизированный» , « 2-вверх» и « 4-вверх» . Эти вкладки позволяют переключаться между просмотром исходной фотографии, оптимизированной фотографией с примененными к ней настройками «Сохранить для Интернета» или сравнением двух или четырех версий фотографии.
Выберите 2-Up, чтобы сравнить исходную фотографию с оптимизированной. Это показывает бок о бок копии изображения.
-
Измените значение качества . При снижении качества изображение выглядит более размытым, а размер файла уменьшается. Меньшие файлы означают более быструю загрузку веб-страниц.
Найдите счастливую середину между размером файла и качеством. Качество от 40 до 60 — хороший выбор. Используйте предварительно установленные уровни качества (например, JPEG Medium), чтобы сэкономить время.
-
При необходимости измените тип файла на JPEG, GIF, PNG-8, PNG-24 или WBMP.
-
Измените размер изображения, если это необходимо. Введите ширину или высоту или масштабируйте их в процентах.
Нажмите на значок замка, чтобы изменить пропорцию изображения. В противном случае введите другую ширину или высоту, чтобы пропорционально изменить другое значение.
-
The values below the image preview display the file type, size, and how long the image will take to open on a website. These numbers update as you make changes.
-
When you’re satisfied with the photo, select Save.
-
Type a name for the photo, then click Save.
-
You now have an optimized, web-ready photo.