Сжатие изображений

Задайте цель и запустите ограниченную серию кодирований JPEG или WebP. Проверьте фактический размер и достижение цели.

Настройки изображения

Выберите изображение или перетащите его сюда

Один JPEG, PNG или WebP до 20 МБ. Результат статичен; анимация не сохраняется.

Целевой размер (кБ)

1 кБ = 1 000 байт. Введите целое число от 1 до 20 000. 500 kB (500 000 байт)

Формат результата

В JPEG прозрачные области становятся белыми; WebP может сохранить прозрачность.

Разрешить уменьшение размеров

Уменьшение может помочь достичь цели, но убирает детали. Обрезки и увеличения нет.

Для ручного изменения размеров используйте Image Resizer.

Результат

Один JPEG, PNG или WebP до 20 МБ. Результат статичен; анимация не сохраняется.

Выберите изображение и сожмите его, чтобы увидеть результат.

Как уменьшить файл

Выберите локальный JPEG, PNG или WebP до 20 МБ. Результат статичен; анимация не сохраняется.
Введите целевое число кБ, выберите JPEG или WebP и при необходимости разрешите уменьшение размеров. 1 кБ = 1 000 байт.
Сожмите файл, проверьте предпросмотр, размеры и байты, затем скачайте. Если оригинал уже подходит в выбранном формате, новый файл не создаётся.

Что означает цель

Цель — верхний предел в байтах, а не обещанный размер. Инструмент проверяет фиксированные уровни качества и выбирает первый подходящий результат, не гарантируя лучший вариант.

Без разрешения размеры не меняются. Сначала проверяется оригинальный размер; меньшие размеры сохраняют пропорции с округлением до пикселя, без обрезки и увеличения.

JPEG и WebP используют сжатие с потерями. В JPEG прозрачность заменяется белым; WebP может её сохранить. Результат может выглядеть иначе или быть больше оригинала.

Если цель не достигнута, наименьшая сохранённая попытка помечается как превышающая лимит. Результат зависит от изображения и кодировщика браузера.

Как читать результат

Цель 500 кБ означает 500 000 байт: ровно 500 000 подходит, а 500 001 — нет.

Если 2 000 000 байт превратились в 500 000, уменьшение равно 75%; это не гарантированная экономия.

Для 4 000 × 3 000 при разрешённом уменьшении возможны 3 200 × 2 400, 2 560 × 1 920 и 2 048 × 1 536.

Ограничения

Цель может оказаться недостижимой. Сохранение без потерь, точного цвета и размера или приём сайтом не гарантируются. Сохраните оригинал.

Результат — статичный JPEG или WebP без исходной анимации и записи метаданных. Это не криминалистическая очистка метаданных; GIF, HEIC, AVIF, SVG, пакетная обработка и оптимизация PNG не поддерживаются.

Локальная обработка

Инструмент обрабатывает изображение в браузере без дополнительных загрузок, истории и ссылок с изображением. Скачивание выполняется по запросу; обычные сервисы сайта и согласие действуют отдельно.

Вопросы о сжатии

Нет. Успех проверяется по точным байтам; иначе показывается, что цель не достигнута.

Десятичный кБ равен 1 000 байтам, КиБ — 1 024. Проверьте определение сайта загрузки.

Только если разрешить уменьшение; сначала проверяется исходный размер.

Это кодирование с потерями, а не оптимизация PNG без потерь. WebP может сохранить прозрачность, JPEG использует белый фон.

Нет. Размер зависит от содержимого, формата и кодировщика. Проверьте предпросмотр и сохраните оригинал.

Источники

Встроенные кодировщики проверяют заданные уровни качества; размер и поддержка форматов зависят от браузера.

Проверено 2 ноября 2026 г.

SVG в PNG

Преобразуйте SVG-файл или вставленный код в PNG: задайте размер, прозрачный фон или цвет и используйте встроенные шрифты.

Открыть инструмент — SVG в PNG

Генератор CSS-фильтров

Настройте порядок эффектов, сравните образец и скопируйте объявление filter.

Открыть инструмент — Генератор CSS-фильтров

Калькулятор плавного размера шрифта

Задайте размеры шрифта для двух значений ширины окна. Скопируйте CSS с единицами rem и изучите модель, рассчитанную по тем же коэффициентам, что и в коде.

Открыть инструмент — Калькулятор плавного размера шрифта

Генератор CSS-кнопок

Настройте состояния кнопки, проверьте фокус клавиатуры и скопируйте HTML и CSS.

Открыть инструмент — Генератор CSS-кнопок

Генератор CSS border-radius

Настройте восемь радиусов, посмотрите результат и скопируйте CSS в пикселях или процентах.

Открыть инструмент — Генератор CSS border-radius

Генератор CSS Grid

Создайте пример CSS Grid с дорожками, размещением и именованными областями. Просматривайте, копируйте CSS и HTML или скачивайте полный пример.

Открыть инструмент — Генератор CSS Grid

Генератор CSS Flexbox

Создайте пример Flexbox с элементами управления контейнером и элементами, явными осями макета, соответствующими CSS и HTML, а также локальной загрузкой полного примера.

Открыть инструмент — Генератор CSS Flexbox

Генератор CSS-тени текста

Создавайте упорядоченные тени текста, просматривайте пример и копируйте точный CSS.

Открыть инструмент — Генератор CSS-тени текста

Генератор преобразований CSS

Создавайте повторяемые двумерные преобразования CSS, редактируйте px или процентный перевод и начало координат, проверяйте поле ссылки и копируйте точные текущие объявления.

Открыть инструмент — Генератор преобразований CSS

Генератор теней CSS

Создавайте упорядоченные слои box-shadow с предпросмотром и копируйте код.

Открыть инструмент — Генератор теней CSS

Водяной знак на изображениях

Добавьте текст или логотип к изображениям, проверьте результаты и скачайте отдельные файлы или ZIP.

Открыть инструмент — Водяной знак на изображениях

Генератор CSS-градиентов

Создавайте линейные и радиальные градиенты с цветами, непрозрачностью и позициями.

Открыть инструмент — Генератор CSS-градиентов

Конвертер цветов

Преобразуйте поддерживаемые значения sRGB HEX, RGB и HSL с альфа-каналом и указанной точностью.

Открыть инструмент — Конвертер цветов

Изображение в текст (OCR)

Распознавайте печатный текст на локальных PNG и JPEG, выбирайте язык и проверяйте результат перед копированием или скачиванием.

Открыть инструмент — Изображение в текст (OCR)

Чтение QR-кода из изображения

Прочитайте один QR-код из локального PNG или JPEG и проверьте текст или байты, не открывая ссылки.

Открыть инструмент — Чтение QR-кода из изображения

Проверка контрастности цветов

Сравните цвета переднего плана и фона, настройте непрозрачность и проверьте числовые пороги контрастности WCAG для текста и важных деталей интерфейса.

Открыть инструмент — Проверка контрастности цветов