Атрибут srcset, Retina, WebP

https://myrusakov.ru/html-srcset.html
Фавикон генератор
Для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Как вставить WebP
 <picture>
     <source type="image/webp"  srcset="img/picture.webp 1x, img/picture@2x.webp 2x ">
     <img  src="img/picture.jpg" srcset="img/picture.jpg 1x, img/picture@2x.jpg 2x" alt="Изображения">
 </picture>
 
Разные изображения для десктопов и мобильников 
 <source srcset="img/mobile.jpg 1x" media="(max-width: 560px)">