Есть ли способ вырезать png из макета что бы при увеличении области страницы не было такой заметной потери качества? Дело обстоит с логотипом который должен иметь прозрачный фон, ну или придется склеить этот логотип с бекграундом если вариантов не будет. Примерные высота и ширина лого 50х50 px.
Такого варианта нет. Вам нужна векторная графика, то есть SVG. Когда вставляют png, то делают картинки 2x и 3x, чтобы отображались нормально на ретинах.
В вашем случае логотип должен быть отрисован огромного размера и уменьшен средствами css до 50px. Тогда при увеличении потери качества происходить не будет.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости