Сжать JPG онлайн

Сжать логотип онлайн

Логотип в шапке сайта грузится дольше всей страницы? Уменьшите его вес в несколько раз, сохранив прозрачный фон и чёткие края. Обработка идёт в браузере — фирменный файл никуда не отправляется.

PNG сжимается без потерь, поэтому вес снижаем числом оттенков. Ниже — легче файл, но заметнее переходы. Прозрачность сохраняется.

🔒 Файлы не загружаются на сервер — всё обрабатывается в вашем браузере.

Как пользоваться

  1. Загрузите файл логотипа в формате PNG.
  2. Опустите ползунок точности цвета: у логотипов из 2–5 цветов запас огромный.
  3. Проверьте по превью края и мелкие детали — они должны остаться чистыми.
  4. Скачайте сжатый логотип и замените им файл на сайте.

Как это работает

Логотип — почти идеальный кандидат для такого сжатия. В нём обычно всего несколько фирменных цветов, плоские заливки и прозрачный фон, а хранится он в PNG, рассчитанном на 16 миллионов оттенков. Достаточно сократить палитру до реально используемых цветов, и файл уменьшается в 3–6 раз: типичные 200–400 КБ превращаются в 40–90 КБ. Прозрачность при этом сохраняется полностью, а края остаются резкими, без ореолов, которые появились бы при переводе в JPEG.

Для сайта это заметный выигрыш. Логотип загружается на каждой странице и попадает в первый экран, поэтому влияет на показатель LCP в Core Web Vitals и на общую скорость. Перед сжатием проверьте ещё и размеры: логотип часто отдают в 1000 px по ширине, а показывают в 180 px — тогда сначала уменьшите изображение до нужной ширины (с запасом ×2 для экранов Retina), и только потом сжимайте палитрой.

Отдельно про исходники. Если у вас есть логотип в векторе — SVG, AI или EPS, — для сайта лучше использовать именно SVG: он весит единицы килобайт и остаётся идеально чётким на любом экране и при любом масштабе. Растровое сжатие имеет смысл, когда вектора нет или логотип нужен в PNG для конкретной площадки, документа, презентации или маркетплейса.

Логотип: типовой вес до и после

Где используется Ширина, px Было Стало
Шапка сайта 180–360 150–400 КБ 25–70 КБ
Аватар компании в соцсети 400 200–500 КБ 40–90 КБ
Логотип в презентации, документе 600–800 300–700 КБ 60–140 КБ
Карточка товара на маркетплейсе 500–1000 400–900 КБ 80–180 КБ

Значения для плоского логотипа из нескольких цветов. Логотипы с фотографическими градиентами и сложными тенями сжимаются слабее — им нужна точность цвета повыше.

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

Прозрачный фон точно сохранится?

Да. Результат остаётся в PNG с полным альфа-каналом: прозрачный фон, полупрозрачные тени и скруглённые углы останутся на месте.

Не станут ли края логотипа рваными?

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

Стоит ли переводить логотип в JPG?

Нет. JPG потеряет прозрачность и добавит заметные ореолы вокруг контрастных линий — на логотипе это выглядит грязно. PNG остаётся правильным выбором.

А если логотип у меня в SVG?

Тогда для сайта используйте SVG — он весит единицы килобайт и не теряет чёткость при любом масштабе. Этот инструмент работает с растровыми PNG.

Какого размера должен быть логотип для сайта?

Возьмите ширину, в которой он реально отображается, и удвойте её для экранов Retina. Если в шапке логотип занимает 180 px, файла шириной 360 px достаточно.