h1#logo ( width: 200px; // width of image height: 100px; // height of image background: url(… /path/to/image.jpg.webp); text-indent: -9999px; )
Этот метод приписывают Майку Рандлу и называют методом Фарка. Есть еще много способов замены изображений CSS.