How to make a clear text font on an image (.png) for publishing on a website?

Question

Fonts

In general, the essence is this.
The site has a logo in .png. The logo has text and a .png image pasted in photoshop.
But when posting an image as a logo, the font anti-aliasing is lousy and pixels are visible, especially under a retina display.
How to make a .png logo on the site so that the font and image are retina-ready and generally look normal?
.psd, font and in the archive: https://yadi.sk/d/bwrm5IRkdHCCT
Thank you!
ps in this question noob%)

Answer 1

We double the image under the retina. That is, on the site the logo is 100x100. You make png 200x200, and in styles you already set the size to 100x100.

Answer 2

Dimitri said everything correctly . On my own behalf, I’ll add that site logos, icons and illustrations are best done initially in vector and inserted into the site in SVG format. There are many articles on this topic on Habré, for example, this one “Images in layout. Enough tolerating this"