Как сделать четкий шрифт текста на изображении (.png) для публикации на сайте?

В общем, суть такова.

На сайте есть логотип в .png. На логотипе текст и .png изображение, вставленное в photoshop.
Но при публикации изображения в качестве логотипа, сглаживание шрифта отвратное и видны пиксели, особенно под retina-дисплеем.

Как правильно сделать .png логотип на сайте, чтобы шрифт и изображение под retina и вообще смотрелись нормально?

.psd, шрифт и в архиве: https://yadi.sk/d/bwrm5IRkdHCCT

Спасибо!

p.s. в данном вопросе нуб %)