How to create a clear favicon?

Question

Design

Maybe someone knows how to create clear favicons without blurry if the logo has thin lines for example? And what about the retina? Is there 2 options with different resolutions? Or how?

Answer 1

Icons are not resized from a full size image. they are specially drawn to the required size - this allows you to avoid blurring.

Answer 2

Service for creating favicons for different devices

Answer 3

Two versions of the icon 16x16 and 32x32 (for retina) are drawn with handles and then “glued” into one .ico file, for example, by this service xiconeditor.com/. And the browser itself substitutes the one you need, depending on the type of screen.