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