Как оптимизировать изображения PNG для Интернета в Photoshop CS4

Автор: Eric Farmer
Дата создания: 8 Март 2021
Дата обновления: 16 Май 2024
Anonim
044 Сохранение и оптимизация для Web в Photoshop CS4
Видео: 044 Сохранение и оптимизация для Web в Photoshop CS4

Содержание

При оптимизации изображений для Интернета каждое изображение должно обрабатываться индивидуально, чтобы обеспечить хороший баланс между качеством и размером файла. Adobe Photoshop CS4 использует два варианта PNG. PNG-24, который может содержать много цветов, и PNG-8, который генерирует намного меньшие файлы. Это означает, что изображения PNG-8 загружаются быстрее, но они не содержат полный диапазон цветов, чем сохраненные изображения PNG-24. В Photoshop CS4 есть опция «Сохранить в Интернете и на устройствах», которая позволяет легко оптимизировать изображения для Интернета.


направления

  1. Откройте изображение в Adobe Photoshop CS4.

  2. Нажмите меню «Файл» и выберите «Сохранить в Интернете и на устройствах».

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

  4. Выберите «PNG-24» в качестве типа файла в раскрывающемся меню в правой части окна.

  5. Выберите вкладку «4-up Printing» над окном предварительного просмотра. Это изменяет окно предварительного просмотра, делая возможным просмотр исходного изображения, сохраненного в PNG-24 и двух других форматах, рядом.

  6. Настройте файл PNG-24 с параметрами в правой части окна, сравнивая качество изображения с оригиналом и обращая внимание на размер файла.

  7. Нажмите одно из окон предварительного просмотра, кроме исходного изображения или PNG-24. Измените его формат на PNG-, 8 из выпадающего меню.


  8. Сконфигурируйте файл PNG-8 с параметрами в правой части окна, сравнив качество изображения с оригиналом и файлом PNG-24, и обращая внимание на размер файла.

  9. Выберите «Перцептивный», чтобы отдать приоритет цветам, к которым человеческий глаз наиболее чувствителен.

  10. Выберите «Выборочный», чтобы использовать более широкий диапазон, чем параметр «Восприятие».

  11. Выберите «Адаптивный», чтобы отдать предпочтение цветам, наиболее часто используемым на изображении.

  12. Выберите «Пользовательский», чтобы вручную изменить цветовую палитру в таблице цветов.

  13. Выберите «Прозрачность», чтобы сохранить прозрачные пиксели на изображении. Нажмите «Матовый», чтобы заменить прозрачные пиксели цветом, затем выберите цвет, который вы хотите использовать.

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