Як оптимізувати зображення PNG для Web у Photoshop CS4

Автор: Helen Garcia
Дата Створення: 13 Квітень 2021
Дата Оновлення: 6 Січень 2025
Anonim
Як оптимізувати зображення PNG для Web у Photoshop CS4 - Статті
Як оптимізувати зображення PNG для 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-друк" над попереднім переглядом. При цьому змінюється вікно попереднього перегляду, що дозволяє переглядати оригінальне зображення, збережене в PNG-24 і два інші формати поруч.

  6. Налаштуйте файл PNG-24 за допомогою опцій у правій частині вікна, порівнявши якість зображення з оригіналом і звернувши увагу на розмір файлу.

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


  8. Налаштуйте файл PNG-8 за допомогою опцій у правій частині вікна, порівнявши якість зображення з оригіналом та файлом PNG-24, і зверніть увагу на розмір файлу.

  9. Виберіть "Perceptive", щоб віддати перевагу кольорам, до яких людське око найбільш чутливий.

  10. Виберіть "Вибірковий", щоб використовувати більш широкий діапазон, ніж "Перцепційний".

  11. Виберіть "Адаптивне", щоб віддати перевагу кольорам, які використовуються на зображенні.

  12. Виберіть "Custom", щоб змінити колірну палітру вручну в таблиці кольорів.

  13. Виберіть "Прозорість", щоб зберегти прозорі пікселі на зображенні. Натисніть "Matte", щоб замінити прозорі пікселі кольором, потім виберіть колір, який ви хочете використовувати.

  14. Виберіть зображення, яке має найменший розмір одночасно з тим, що він більш вірний оригінальному зображенню.