Не нужно конвертировать вручную или ставить плагины — PixInLink генерирует изображение сразу в WebP (50 KB вместо 300 KB PNG) и доставляет через геораспределенный CDN.
TL;DR
PixInLink автоматически генерирует и отдаёт изображения в формате WebP (quality=85). Это закрывает аудит «Serve images in next-gen formats» в Google PageSpeed. Формат AVIF доступен через параметр &format=avif. Размер файла падает с ~300 KB (PNG) до ~50 KB, ускоряя загрузку (LCP) в 6 раз. Дополнительная квота за оптимизацию не списывается.
Ключевые факты
WebP легче PNG: ~50 KB вместо ~300 KB при разрешении 800×400
Параметры quality для WebP (85) и AVIF (50) — оптимальный баланс
Браузерная поддержка WebP (Chrome, Firefox, Safari 14+)
Скрытых платежей за оптимизацию — включено во все тарифы (даже Free)
Почему PNG «убивает» PageSpeed
Google PageSpeed Insights жестко пессимизирует страницы за устаревшие форматы графики. Аудит «Serve images in next-gen formats» требует отдавать пользователям WebP или AVIF. Несоответствие этому правилу напрямую снижает Performance Score и увеличивает время отрисовки контента.
Типичная иллюстрация для статьи в формате PNG при разрешении 800×400 пикселей весит около 300 KB.
На мобильном 4G-соединении загрузка такого файла занимает примерно 1.2 секунды.
Аналогичное изображение в формате WebP с параметром quality=85 весит около 50 KB,
что сокращает время скачивания до 0.2 секунды.
Большинство разработчиков решают эту проблему локальной конвертацией или тяжелыми плагинами. Но при ИИ-генерации каждое изображение уникально. Ручная конвертация ломает автоматизацию. PixInLink решает это на уровне архитектуры: конвертация происходит автоматически до записи в S3.
Три формата — когда что использовать
| Формат | Как запросить | Размер (800×400) | Поддержка | Когда использовать |
|---|---|---|---|---|
| WebP (по умолчанию) | — | ~50 KB | 97% (Safari 14+) | Основной формат для всего сайта, лучший баланс |
| AVIF | &format=avif |
~35 KB | ~85% (Safari 17+) | Максимальная оптимизация для LCP (нужен fallback) |
| PNG | &format=png |
~300 KB | 100% | Только если прозрачность или алгоритмы с потерями недопустимы |
WebP — правильный выбор по умолчанию. AVIF на 30% легче WebP, но требует тега <picture> с PNG-fallback для старых браузеров.
Примеры использования
Базовый сценарий
Ничего указывать не нужно, сервер вернёт WebP.
<!-- WebP отдаётся автоматически --> <img src="https://pixinlink.ru/800x400?prompt=офис-разработчиков" alt="Офис разработчиков" loading="lazy">
Оптимально для продакшена
Тег <picture>: AVIF для современных браузеров, WebP для остальных.
<picture> <source srcset="https://pixinlink.ru/800x400?prompt=офис&format=avif" type="image/avif"> <source srcset="https://pixinlink.ru/800x400?prompt=офис&format=webp" type="image/webp"> <img src="https://pixinlink.ru/800x400?prompt=офис" alt="Офис" loading="lazy"> </picture>
LCP-элемент (Hero баннер)
Предварительная загрузка сверхлегкого AVIF без loading="lazy".
<!-- В <head> --> <link rel="preload" as="image" href="https://pixinlink.ru/1200x630?prompt=баннер&format=avif" imagesrcset="https://pixinlink.ru/1200x630?prompt=баннер&format=avif"> <!-- В <body> --> <picture> <source srcset="https://pixinlink.ru/1200x630?prompt=баннер&format=avif" type="image/avif"> <img src="https://pixinlink.ru/1200x630?prompt=баннер" alt="Главный баннер" fetchpriority="high"> </picture>
Что происходит внутри: от генерации до WebP
- Генерация: Kandinsky 3.1 или FLUX.1 генерирует изображение в формате PNG (сырой вывод AI-модели).
- Процессинг: Конвертация цветового пространства в sRGB для корректного отображения в вебе.
- Масштабирование: Resize и center-crop до точных запрошенных размеров (
width×height) с использованием LANCZOS-ресемплирования. - Watermark: Накладывается водяной знак (только для пользователей Free-тарифа).
- Кодирование: WebP (Pillow,
quality=85,method=6); AVIF (pyavif,quality=50); PNG (lossless,optimize=True). - Очистка и кеш: Удаляются EXIF/IPTC метаданные для приватности, файл загружается в Yandex S3 и кешируется в CDN на 1 год.
Важно: Оптимизация происходит ровно один раз. Все повторные запросы отдаются из CDN без кодирования и не расходуют квоту генераций.
Как WebP влияет на Core Web Vitals
Аудит «Next-gen formats»
API PixInLink автоматически закрывает этот аудит в Google PageSpeed. Ваш Performance Score повышается без настройки локальных обработчиков статики.
LCP (Largest Contentful Paint)
Уменьшение файла Hero-баннера с 300 KB до 50 KB сокращает время передачи по 4G с 1.2 сек до 0.2 сек. Это основной вклад для попадания в «зеленую зону» (< 2.5 сек).
Аудит «Properly size images»
Передача габаритов в URL гарантирует файл ровно запрошенного размера, исключая штрафы Google за oversized images (когда большая картинка сжимается через CSS).
Сравнение: PixInLink vs ручная конвертация
| Функция | PixInLink | Плагины (ShortPixel, Imagify) | Вручную (squoosh.app) |
|---|---|---|---|
| Автоматически | При генерации (сразу) | После загрузки | Каждый файл отдельно |
| Работает с ИИ-генерацией | Нативно | Отдельный шаг | Отдельный шаг |
| Нагрузка на сервер (хостинг) | Нет (0 CPU / 0 MB) | Да (Конвертация грузит CPU) | Нет |
| AVIF-поддержка | Да &format=avif |
Только у части плагинов | Да |
| Стоимость оптимизации | Включена в тариф (0 руб) | $5–15/мес отдельно | Бесплатно, но ручной труд |
Частые вопросы
WebP отдаётся автоматически или нужно что-то указывать?
Автоматически. Все изображения генерируются в WebP по умолчанию. Формат AVIF нужно запросить явно через параметр &format=avif.
Теряется ли качество при конвертации в WebP?
При quality=85 визуальная разница с исходным PNG практически незаметна. Это стандарт индустрии — Google PageSpeed рекомендует значения от 70 до 85 как оптимальный баланс веса и детализации.
Можно ли получить PNG, если нужна прозрачность?
Да. Добавьте &format=png в URL. Формат PNG отдается без сжатия (lossless) — файл будет большего размера, но полностью без потерь.
AVIF работает во всех браузерах?
AVIF поддерживается примерно в 85% браузеров (2026 год). Для полной совместимости используйте HTML-тег <picture> с WebP-fallback, как показано в примерах кода выше.
Оптимизация тратит дополнительную квоту?
Нет. Квота списывается ровно один раз при первичной генерации. Конвертация включена в стоимость. Все повторные запросы идут из CDN-кеша бесплатно.
Проверьте разницу прямо сейчас
Откройте эти два URL в браузере и сравните размер загруженного файла во вкладке Network в инструментах разработчика (DevTools).
✅ WebP (по умолчанию)
Ожидаемый вес: ~45–55 KB
❌ PNG (для сравнения)
Ожидаемый вес: ~280–320 KB
Как проверить: DevTools (F12) → Network → обновите страницу → посмотрите колонку Size.
Ускорьте свой сайт сегодня
Начните генерировать WebP-изображения из URL без сложных плагинов.
12 бесплатно · 10-30 сек · 50+ стилей
Изображений через URL API
Готовы попробовать?
Начать бесплатно
