Как использовать Photoshop Сохранить для веб-инструмента

Сбалансируйте качество изображения с размером с помощью инструмента «Сохранить для Web»

В качестве графического дизайнера или веб-дизайнера вас могут попросить предоставить готовые веб-изображения, например фотографии для веб-сайта или рекламный баннер. Инструмент Photoshop Save for Web – это простой способ подготовки файлов JPEG для Интернета, помогающий найти компромисс между размером файла и качеством изображения.

Для этого урока вы сохраняете изображения в формате JPEG. Инструмент «Сохранить для Web» также создан для сохранения файлов GIF, PNG и BMP.

Что делает графический веб-готовым?

Большинство веб-готовой графики имеют общие характеристики:

  • Разрешение составляет 72 точек на дюйм.
  • Цветовой режим – RGB.
  • Размер файлов уменьшается для быстрой загрузки веб-страниц.

Откройте изображение

Чтобы попрактиковаться с инструментом «Сохранить для Web», откройте изображение в Photoshop.

Нажмите Файл > Открыть , найдите изображение на своем компьютере и нажмите Открыть . В практических целях фотография работает хорошо, хотя подойдет любой тип изображения.

Изменить размер фотографии до небольшого размера, который вы могли бы использовать на веб-сайте. Для этого нажмите Изображение > Размер изображения , введите новую ширину в поле «Ширина» и выберите Пиксели . В этом случае введите 400 пикселей и нажмите ОК .

Откройте инструмент «Сохранить для Web»

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

Нажмите Файл > Сохранить для Интернета , чтобы открыть диалоговое окно Сохранить для Интернета . (В более поздних версиях Photoshop путь называется Файл > Экспорт > Сохранить для Интернета .)

Просмотрите различные настройки и инструменты в окне.

Настройте Сравнение

В верхней части окна Сохранить для Интернета находится ряд вкладок с надписями Оригинал , Оптимизированный , 2-Up . и 4-Up . Нажав на эти вкладки, вы можете переключаться между просмотром вашей исходной фотографии, вашей оптимизированной фотографии с примененными к ней настройками «Сохранить для Интернета» или сравнением двух или четырех версий вашей фотографии.

Выберите 2-Up , чтобы сравнить исходную фотографию с оптимизированной, показывая параллельные копии изображения.

Установить предварительный просмотр оригинала

Нажмите на фотографию слева, чтобы выбрать ее. Выберите Оригинал в меню Набор настроек в правой части окна Сохранить для Интернета (если оно еще не выбрано). Это помещает предварительный просмотр оригинальной, неотредактированной фотографии на левой стороне.

Установите оптимизированный предварительный просмотр

Нажмите на фото справа, чтобы выбрать его. Выберите JPEG High в меню Preset . Теперь вы можете сравнить оптимизированную фотографию справа, которая будет вашим окончательным файлом, с оригиналом слева.

Изменить качество JPEG

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

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

Цель состоит в том, чтобы найти удачное соотношение между размером файла и качеством. Качество от 40 до 60 обычно является хорошим диапазоном, в зависимости от ваших потребностей. Попробуйте использовать предустановленные уровни качества (например, JPEG Medium ), чтобы сэкономить время.

Сохранить изображение

Если вы удовлетворены фотографией справа, нажмите кнопку Сохранить . Откроется окно Сохранить оптимизированный как . Введите имя файла, перейдите к нужной папке на вашем компьютере и нажмите Сохранить . Теперь у вас есть оптимизированная фотография, готовая для Интернета.

Оцените статью
Solutics.ru
Добавить комментарий