ГлавнаяСжатие фото

Сжатие фото для сайта

Тяжёлые фотографии — причина номер один, по которой сайт долго открывается. Этот инструмент уменьшает картинку до нужного размера и сжимает её, обычно в 10–50 раз. Всё считается прямо в вашем браузере — файлы никуда не отправляются.

1. Что готовим
Настроить вручную
Качество
76

Подставляется автоматически под категорию. Фотографиям хватает 76, документам и скриншотам с текстом нужно 85–88.

Как подгонять под размер

Обрезка — для фотографий, кадр заполняется полностью. Вписать — для документов, схем и логотипов, где нельзя терять края.

Формат

PNG нужен только логотипам и иконкам с прозрачностью — фотографии в нём весят в десять раз больше.

Переименовать файлы

Оставь пустым — имена сохранятся как есть. Заполни, если нужна серия вида otzyv-01.jpg, otzyv-02.jpg.

2. Файлы
Нажми или перетащи фото jpg, png, webp — сколько угодно за раз
Зачем это нужно

Почему сайт грузится долго

Дело почти всегда в фотографиях

Снимок с телефона весит 4–8 мегабайт и имеет ширину 3000–4000 точек. На сайте он показывается в блоке шириной 300–600 точек — то есть браузер скачивает в десять раз больше данных, чем покажет на экране. Человек с мобильного интернета ждёт 8–10 секунд и уходит.

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

Какие размеры нужны

  • Карточка в каталоге или портфолио — 640 на 400 точек, до 60 КБ
  • Вертикальный скриншот или отзыв — 600 на 800 точек, до 80 КБ
  • Фон первого экрана — 1600 на 900 точек, до 150 КБ
  • Превью ссылки в WhatsApp и Telegram — 1200 на 630 точек
  • Ни одна картинка на сайте не должна весить больше 250 КБ

Формат webp весит в три-пять раз меньше обычного jpg при том же качестве, и его понимают все браузеры с 2020 года. Инструмент делает обе версии сразу: кладёте рядом два файла с одинаковым именем, и сайт сам берёт тот, что легче.

Файлы никуда не уходят

Обработка идёт средствами самого браузера, на вашем устройстве. Никакой загрузки на сервер, никакой очереди и ограничений по количеству. Страница работает даже без интернета, если она уже открыта.