Как правильно сделать логотип для сайта?

Подскажите пожалуйста, если я хочу сделать логотип как в формате .png и текст, как мне правильно сделать ссылки?

html

css

Логотип можно сделать как и любую ссылку, только обернуть нужно ссылкой картинку, типа такого:

<a class="logo" href="sitename.com">
    <img src="logo.png">
</a>

Вместо .png лучше использовать для логотипов формат .svg, он меньше весит и логотипы получаются более четкими.

Спасибо огромное