Експорт для вебу: розмір, формат, якість
Підготуйте зображення до екрана: спершу задайте розміри, потім оберіть PNG/JPEG/WebP і уникайте зайвого ресемплінгу.
Перше рішення — не формат, а розмір відображення. Експортувати макет 3000 px у повному розмірі й зменшувати його CSS — марно витрачати і трафік, і декодування. Спершу масштабуйте документ до цілі, потім експортуйте. Вибір простий: PNG для пласкої графіки з прозорістю, JPEG для фото, WebP або AVIF для проміжних випадків; PNG без втрат, тому налаштування якості немає, важливі лише розміри й глибина кольору. Редактор PhotoPSD масштабує, зводить і експортує в одному вікні; PSD у PNG описує зведення, а порівняння форматів — кодування. Зміна розміру після експорту додає ще один ресемплінг і розмиває тонкі лінії — навіть версії @2x робіть одразу з оригіналу в цільовому розмірі.
Спробуйте зі своїм файлом
Відкрийте PSD зі шарами й порівняйте панелі з тим, що щойно прочитали.