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

Question

[Tony Green]

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

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

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

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

Спасибо!

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

Answer 1

[Dmitry Zelinsky]

Мы под ретину изображение увеличиваем в два раза. То есть, на сайте лого 100х100. Делаешь png 200х200, а в стилях уже выставляешь размер 100х100.

Answer 2

[Александр Горчаков]

Все правильно сказал Дмитрий . От себя добавлю, что логотипы сайтов, иконки и иллюстрации лучше всего изначально делать в векторе и вставлять на сайт в формате SVG. На хабре есть множество статей на эту тему, например эта «Изображения в верстке. Хватит это терпеть»