Изображения в формате webp
| Introduction | |
| Powershell скрипт | |
| Bash скрипт |
Применение
Если у Вас уже есть изображения в формате .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
Если Вам нужно конвертировать картинки в формат .webp могу предложить довольно простой метод.
Скачиваете cwebp.exe. Где это можно сделать читайте
здесь
Создаёте пусту папку, кидаете туда cwebp.exe и все нужные фотографии и картинки.
Создаёте в этой же папке
PowerShell
скрипт
converter.ps1
и вставляете туда следующий код
Powershell скрипт
$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, перейдите в эту папку и execute команду
converter.ps1
Либо сделайте клик правой кнопкой мыши на файл converter.ps1 и в контекстном меню выберите
Run with PowerShell