Проверка размера изображений
Бесплатно и без регистрации: введите URL — загрузим до 40 картинок страницы и для каждой покажем вес файла, настоящий формат (по содержимому, а не по расширению), размер в пикселях и размер, заданный в HTML, lazy-load и alt, а затем подскажем, что сжать, уменьшить или перевести в WebP/AVIF. Свои файлы можно проверить во вкладке «Мои файлы» — прямо в браузере, без загрузки на сервер.
Отрисованный размер на экране
Сервер не видит, в каком размере браузер реально рисует картинку. Откройте свою страницу, нажмите F12 → Console, вставьте строку ниже — получите таблицу: настоящий размер, отрисованный и во сколько раз картинка больше нужного.
console.table([...document.images].filter(i=>i.naturalWidth).map(i=>({src:(i.currentSrc||i.src).split('/').pop().slice(0,60),intrinsic:i.naturalWidth+'×'+i.naturalHeight,rendered:i.clientWidth+'×'+i.clientHeight,dpr:devicePixelRatio,xTooBig:+(i.naturalWidth/Math.max(1,i.clientWidth*devicePixelRatio)).toFixed(1)})).sort((a,b)=>b.xTooBig-a.xTooBig))
Коротко об инструменте
- Цена
- Бесплатно
- Регистрация
- Не нужна
- Где идёт обработка
- Режим URL — на нашем сервере: страница и до 40 картинок загружаются через SSRF-защиту, файлы не сохраняются; режим «Мои файлы» — только в браузере
- Что принимает
- URL страницы (картинки <img>, до 8 МБ на файл) или свои файлы изображений
- Лимиты
- Режим URL: 6 проверок в минуту; в сутки 15 без регистрации, 45 с аккаунтом, с Pro без лимита; «Мои файлы» — без лимита
- Результат
- Для каждой картинки: формат по содержимому, пиксели, вес, размер из HTML, srcset, lazy-load, alt и советы; общий вес и оценка экономии
- Обновлено
Альтернативы
Другие инструменты для той же задачи и в чём каждый из них силён:
- PageSpeed Insights — Отрисовывает страницу и в аудитах Lighthouse точно считает лишние байты картинок (размер, формат, сжатие).
- Squoosh — Приложение Google для сжатия и конвертации одной картинки в браузере с предпросмотром качества (WebP, AVIF и другие).
Когда выбрать этот инструмент: Когда нужна быстрая сводка по всем картинкам страницы — настоящий формат, пиксели, вес и что из этого лишнее — без регистрации, или нужно проверить свои файлы до загрузки на сайт.
Описания сверены с сайтами этих инструментов в октябре 2026 года.
Проверка размера и веса изображений на странице
Картинки — обычно самая тяжёлая часть страницы, и чаще всего проблема не в количестве, а в том, что фото 4000 px шириной показывают в блоке на 400 px или отдают PNG там, где хватило бы WebP. Инструмент скачивает до 40 картинок страницы и для каждой показывает настоящий формат (по содержимому файла), размер в пикселях, вес и размер, заданный в HTML, отмечает lazy-load, srcset и alt и объясняет, что исправить: уменьшить, сжать, перевести в WebP или AVIF, заменить GIF видео, добавить width и height. Во вкладке «Мои файлы» можно узнать размер и вес своих картинок прямо в браузере, ничего не загружая.
Как пользоваться
- Введите адрес страницы или откройте вкладку «Мои файлы»
- Отсортируйте картинки по весу и начните с самых тяжёлых
- Уменьшите и сожмите файлы, затем проверьте страницу снова
FAQ
Три «размера» одной картинки
| Что | Где смотреть | Зачем |
|---|---|---|
| Вес файла (КБ, МБ) | колонка «Вес» | Сколько качает посетитель; главное для скорости |
| Размер в пикселях | колонка «Пиксели» | Насколько детальна картинка; лишние пиксели — лишний вес |
| Размер на экране | атрибуты width/height в колонке «HTML» и сниппет для консоли | Сколько пикселей реально нужно странице |
Правило: файл должен быть не шире, чем удвоенный размер показа (для экранов с плотностью 2×). Фото 4000 px в колонке на 400 px весит в десятки раз больше нужного.
Какой формат выбрать
- WebP — по данным Google, на 25–34% легче JPEG при сравнимом качестве; поддерживается всеми современными браузерами.
- AVIF — часто ещё легче WebP, но кодируется медленнее; хорош для крупных фото.
- JPEG — запасной вариант для фото; качество 75–85 обычно неотличимо от 100.
- PNG — для скриншотов, схем и прозрачности; для фото слишком тяжёлый.
- SVG — для логотипов и иконок; прогоните через оптимизатор, если файл больше нескольких КБ.
- GIF-анимация — замените видео MP4 или WebM с
autoplay muted loop playsinline: файл станет в разы меньше.
Мы определяем формат по содержимому файла: бывает, что photo.jpg на самом деле WebP — CDN подменяет формат на лету, и это нормально.
srcset: разные файлы для разных экранов
Атрибут srcset со списком файлов разной ширины и sizes позволяет телефону скачать маленькую версию, а большому монитору — крупную:
<img src="photo-800.webp"
srcset="photo-400.webp 400w, photo-800.webp 800w, photo-1600.webp 1600w"
sizes="(max-width: 600px) 100vw, 800px"
width="800" height="533" alt="…" loading="lazy">
Большинство CMS создают такие копии сами — проверьте, что тема выводит srcset.
Порядок оптимизации
- Отсортируйте таблицу по весу и начните с 3–5 самых тяжёлых файлов — обычно это половина всего веса.
- Уменьшите слишком большие картинки до удвоенного размера показа.
- Переведите JPEG и PNG в WebP или AVIF (конвертер изображений, сжатие).
- Добавьте
widthиheightвсем картинкам — это убирает сдвиги макета (CLS). - Поставьте
loading="lazy"картинкам ниже первого экрана, но не главной картинке вверху — её лучше пометитьfetchpriority="high". - Проверьте результат здесь и в проверке скорости.
Улучшите позиции в поиске
SEO-проблемы могут стоить вам трафика. Каскадный линкбилдинг улучшит видимость сайта в поиске.