Возможности / WebP-оптимизация

WebP и AVIF из коробки

PixInLink генерирует изображения сразу в WebP (quality=85). ~50 KB вместо ~300 KB PNG — без плагинов, без ручной конвертации, без нагрузки на ваш сервер.

HTML По умолчанию отдаётся WebP, экономя 85% веса
<img src="https://pixinlink.ru/800x400/офис-разработчиков"
     alt="Офис разработчиков"
     loading="lazy">

TL;DR

PixInLink автоматически генерирует изображения в формате WebP (quality=85, method=6) — это стандарт по умолчанию. Формат AVIF доступен через параметр &format=avif. Размер файла падает с ~300 KB (PNG) до ~50 KB. Конвертация происходит на сервере PixInLink, не нагружая ваш хостинг. Включено во все тарифы.

Ключевые факты

÷6

WebP легче PNG: ~50 KB вместо ~300 KB при разрешении 800×400

85 / 50

Параметры quality для WebP (85) и AVIF (50) — оптимальный баланс

97%

Браузерная поддержка WebP (Chrome, Firefox, Safari 14+)

12 шт

Бесплатно без регистрации — включено на всех тарифах

Почему PNG замедляет сайт

Google PageSpeed Insights пессимизирует страницы за устаревшие форматы. Аудит «Serve images in next-gen formats» требует отдавать WebP или AVIF. Типичная иллюстрация 800×400 в PNG весит ~300 KB. На мобильном 4G это ~1.2 секунды загрузки. WebP: ~50 KB — в 6 раз быстрее.

При ИИ-генерации каждое изображение уникально — ручная конвертация ломает автоматизацию. PixInLink решает это на уровне архитектуры: конвертация в WebP происходит автоматически при каждой генерации, результат сохраняется в Redis-кеш для мгновенной отдачи.

Три формата: когда что использовать

ФорматКак запроситьРазмер (800×400)ПоддержкаКогда использовать
WebP — (по умолчанию) ~50 KB 97% Основной формат, лучший баланс вес/качество
AVIF &format=avif ~35 KB ~85% Максимальная оптимизация, нужен WebP-fallback
PNG &format=png ~300 KB 100% Только если нужна прозрачность или lossless

WebP — правильный выбор по умолчанию. AVIF на ~30% легче WebP, но требует тега <picture> с WebP-fallback для старых браузеров.

Примеры использования

Базовый сценарий (WebP по умолчанию)

Ничего указывать не нужно — сервер автоматически вернёт WebP.

<img src="https://pixinlink.ru/800x400/офис-разработчиков"
     alt="Офис разработчиков"
     loading="lazy">

Оптимально для продакшена (<picture>)

AVIF для современных браузеров, WebP для остальных.

<picture>
  <source srcset="https://pixinlink.ru/800x400/офис?format=avif"
          type="image/avif">
  <source srcset="https://pixinlink.ru/800x400/офис?format=webp"
          type="image/webp">
  <img src="https://pixinlink.ru/800x400/офис"
       alt="Офис" loading="lazy">
</picture>

LCP-элемент (Hero баннер)

Предзагрузка AVIF без loading="lazy" для критического контента.

<link rel="preload" as="image"
      href="https://pixinlink.ru/1200x630/баннер?format=avif">
<picture>
  <source srcset=".../1200x630/баннер?format=avif" type="image/avif">
  <img src=".../1200x630/баннер" alt="Баннер" fetchpriority="high">
</picture>

Что происходит внутри: от генерации до WebP

  1. Генерация: GigaChat генерирует изображение в формате JPEG (сырой вывод нейросети).
  2. Конвертация: JPEG → sRGB для корректного отображения в вебе.
  3. Масштабирование: Resize и center-crop до точных размеров width×height через LANCZOS.
  4. Watermark: Наложение водяного знака для анонимных пользователей через PIL ImageDraw.
  5. Кодирование в WebP: Pillow, quality=85, method=6 → ~50 KB. AVIF: quality=50. PNG: optimize=True.
  6. Очистка и кеш: Удаление EXIF/IPTC метаданных. Результат сохраняется в Redis-кеш для мгновенной отдачи при повторных запросах.

Важно: Оптимизация происходит один раз при первой генерации. Повторные запросы отдаются из Redis-кеша и не расходуют квоту.

Как WebP влияет на Core Web Vitals

Аудит «Next-gen formats»

WebP по умолчанию автоматически закрывает этот аудит в Google PageSpeed. Performance Score повышается без локальной настройки обработчиков статики.

LCP (Largest Contentful Paint)

50 KB вместо 300 KB для hero-баннера — основной вклад в «зелёную зону» (< 2.5 сек). Конвертация не нагружает ваш сервер.

Аудит «Properly size images»

Размеры width×height задаются в URL — изображение кадрируется до точных размеров. Исключает штрафы за oversized images.

Частые вопросы

  • WebP отдаётся автоматически или нужно что-то указывать?

    expand_more

    Автоматически. Все изображения генерируются в WebP по умолчанию (quality=85, method=6). Формат AVIF нужно запросить явно через &format=avif.

  • Теряется ли качество при конвертации в WebP?

    expand_more

    При quality=85 визуальная разница с исходным изображением практически незаметна. Это стандарт индустрии — Google PageSpeed рекомендует значения 70–85 как оптимальный баланс.

  • Можно ли получить PNG, если нужна прозрачность?

    expand_more

    Да. Добавьте &format=png в URL. PNG отдаётся lossless (optimize=True) — файл будет больше, но без потерь.

  • AVIF работает во всех браузерах?

    expand_more

    AVIF поддерживается в ~85% браузеров (2026). Для полной совместимости используйте тег <picture> с WebP-fallback, как показано в примерах выше.

  • Оптимизация тратит дополнительную квоту?

    expand_more

    Нет. Квота списывается один раз при первичной генерации. Конвертация в WebP/AVIF включена в стоимость. Повторные запросы из Redis-кеша — бесплатно.

Проверьте разницу прямо сейчас

Откройте эти два URL в браузере и сравните размер файла во вкладке Network DevTools.

✅ WebP (по умолчанию)

Ожидаемый вес: ~45–55 KB

❌ PNG (для сравнения)

Ожидаемый вес: ~280–320 KB

Как проверить: DevTools (F12) → Network → обновите страницу → смотрите колонку Size.