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

2024 Автор: Abigail Brown | [email protected]. Последнее изменение: 2023-12-17 06:59

Что нужно знать

• Откройте изображение в Photoshop. Выберите Изображение > Размер изображения. Введите новую ширину, а затем выберите Пиксели > OK.
• Выберите Файл > Сохранить для Интернета и устройств. Выберите вкладку 2-Up, чтобы увидеть исходные и оптимизированные изображения рядом друг с другом.
• Измените значение Quality и просмотрите результаты. При необходимости измените размер или тип файла. Выберите Сохранить и назовите новое изображение.

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

Как сохранить для Интернета в Photoshop

Графические дизайнеры, веб-дизайнеры и другие лица, создающие контент для Интернета, также создают готовые изображения для Интернета, такие как фотографии для веб-сайтов и рекламные баннеры. Перед загрузкой этих изображений они оптимизируют их для быстрой загрузки и отображения в веб-браузере.

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

1. Откройте изображение, которое вы хотите сохранить в Photoshop.

2. Выберите Изображение > Размер изображения. Или, для ПК, нажмите Alt+Ctrl+I, для macOS нажмите Command+Option+I на клавиатуре.

   

3. В поле Ширина введите новую ширину, выберите Пиксели, затем выберите OK.

   Уменьшите размер фотографии, чтобы ее можно было использовать на веб-сайте.

   

4. Выберите Файл > Экспорт > Сохранить для Интернета (предыдущая версия). Или используйте сочетание клавиш: Alt/Option+Command+Shift+S..

   В других версиях Photoshop путь Файл > Экспорт > Сохранить для Интернета. Элемент может называться «Сохранить для Интернета» или «Сохранить для Интернета и устройств».

   

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

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

   

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

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

   

7. При необходимости измените тип файла на JPEG, GIF, PNG-8, PNG-24 или WBMP.

   

8. При необходимости измените размер изображения. Введите ширину или высоту или увеличьте их в процентах.

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

   

9. Значения под предварительным просмотром изображения отображают тип файла, размер и время, необходимое для открытия изображения на веб-сайте. Эти номера обновляются по мере внесения изменений.

   

10. Если вас устраивает фотография, выберите Сохранить.

    

11. Введите имя фотографии, затем нажмите Сохранить.

    

Что делает графику пригодной для использования в Интернете?

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

• Разрешение 72 dpi.
• Цветовой режим - RGB.

• Файлы уменьшены в размере для более быстрой загрузки веб-страниц.