Если у Вас уже есть изображения в формате .webp просто добавляйте их на сайт к уже существующим
.jpg или .png с помощью тега picture.
Новые браузеры поймут, что нужно брать .webp старые загрузят .jpg/.png
<picture>
<source type="image/webp" srcset="img/heihei_ru_logo.webp">
<source type="image/jpeg" srcset="img/heihei_ru_logo.jpg">
<img src="img/heihei_ru_logo.jpg" class="heihei--logo" alt="HeiHei.ru logo">
</picture>
Если Вам нужно конвертировать картинки в формат .webp могу предложить довольно простой метод.
Скачиваете cwebp.exe. Где это можно сделать читайте
здесь
Создаёте пусту папку, кидаете туда cwebp.exe и все нужные фотографии и картинки.
Создаёте в этой же папке файл converter.ps1 и вставляете туда следующий код
$dir = "."
$images = Get-ChildItem $dir
foreach ($img in $images) {
# output file will be written in the same directory
# but with .webp extension instead of old extension
$outputName = $img.DirectoryName + "\" + $img.BaseName + ".webp"
# copy-paste the path to cwebp program
# and set its input and output parameters
# more options https://developers.google.com/speed/webp/docs/cwebp
.\cwebp.exe $img.FullName -o $outputName
}
Открываете PowerShell, переходите в эту папку и выполняете команду
converter.ps1
Если остались вопросы - смело задавайте их в комментариях либо воспользуйтесь поиском по сайту
Рекомендую наш хостинг beget.ru |
Пишите на info@urn.su если Вы: |
1. Хотите написать статью для нашего сайта или перевести статью на свой родной язык. |
2. Хотите разместить на сайте рекламу, подходящуюю по тематике. |
3. Реклама на моём сайте имеет максимальный уровень цензуры. Если Вы увидели рекламный блок недопустимый для просмотра детьми школьного возраста, вызывающий шок или вводящий в заблуждение - пожалуйста свяжитесь с нами по электронной почте |
4. Нашли на сайте ошибку, неточности, баг и т.д. ... ....... |
5. Статьи можно расшарить в соцсетях, нажав на иконку сети:
|