Skip to main content

Как использовать Photoshop Save for Web Tool

How to save for Web in Photoshop CC 2017 (Май 2025)

How to save for Web in Photoshop CC 2017 (Май 2025)
Anonim

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

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

Что делает графическую Web-Ready?

Большинство готовых к использованию в Интернете графических изображений имеют общие характеристики:

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

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

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

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

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

02 из 07

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

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

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

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

03 из 07

Настроить сравнение

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

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

04 из 07

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

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

05 из 07

Настройка оптимизированного предварительного просмотра

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

06 из 07

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

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

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

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

07 из 07

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

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