WebP

WebP — формат изображений, созданный специально для использования в вебе.

Преимущество данного изображения над дргуми (например jpg или png) в более меньшем размере. Поддерживает прозрачность и анимацию.

На данный момент поддерживается всеми популярными браузерами (Internet Explorer не поддерживает).

С версии PHP 5.4.0 стало доступно сохранение картинки в WebP через функци imageWebp().

$webpFileName = 'image.webp';

$img = imageCreateFromJpeg($imagePath);
imageWebp($src, $fileName, 100);
imagedestroy($img);

// Добавляем "\0", если его нет
if ($img && filesize($fileName) % 2 == 1) {
    file_put_contents($new, "\0", FILE_APPEND);
}

Если при сохранении картинки в WebP нет прозрачного фона, то надо обновить PHP, т.к. в текущей версии используется библиотека GD, которая не поддерживает сохранение прозрачности из png-картинок.

Выводить WebP рекомендуется через тег <picture>, с указанием альтернативного расширения (для поддержки старых браузеров, через которые всё ещё могуть заходить посетители сайта).

<picture>
    <source type="image/webp" srcset="/image.webp">
    <img src="/image.png" alt="">
</picture>

Формат WebP был разработан Google в 2010 году.