Легко и быстро кадрируйте ваши изображения онлайн прямо в браузере.
Не каждая задача требует тяжёлого ПО. Вот конкретные случаи, когда браузерный инструмент выигрывает:
Настольные редакторы всё ещё необходимы для сложных манипуляций: работа со слоями, маски, ретушь. Но для чистого кадрирования онлайн-инструмент — быстрее, проще и не требует установки.
Простая операция, но результат зависит от того, что именно вы отрезаете и как.
1. Обрезка «от края» без учёта композиции. Убираете пустое пространство справа, но субъект оказывается вплотную к границе кадра. Оставляйте хотя бы небольшой зазор — изображение выглядит сбалансированнее.
2. Уничтожение разрешения. Если обрезать 4000×3000 пикселей до маленького фрагмента 400×300, итоговое изображение может оказаться слишком мелким для печати или даже для веба. Следите за размерами результата.
3. Игнорирование соотношения сторон. Свободная обрезка произвольного формата создаёт проблемы при загрузке на платформы с жёсткими требованиями. Instagram обрезает нестандартные пропорции автоматически — и делает это плохо.
4. Обрезка до важных деталей. При выделении области иногда случайно отрезают пальцы, кончики волос, края логотипа. Перед финальным сохранением увеличьте масштаб и проверьте границы.
5. Повторное сохранение в JPG. Каждое пересохранение JPEG снижает качество. Если обрабатываете фотографию в несколько этапов, работайте с PNG или TIFF, а конвертируйте в JPG только на финальном шаге.
6. Обрезка вместо исправления перспективы. Наклонённое здание на фото не исправляется кадрированием — для этого нужна трансформация. Обрезка только убирает края, но не выпрямляет содержимое.
7. Забытый водяной знак. Некоторые бесплатные онлайн-инструменты добавляют логотип сервиса на результат. Убедитесь, что выбранный кроппер сохраняет чистое изображение — Pixes не накладывает водяных знаков.
Перед обрезкой определитесь с целевым форматом. Вот таблица самых востребованных вариантов:
Квадрат 1:1 — аватарки, посты в Instagram, миниатюры товаров. Центральный объект должен быть расположен симметрично, иначе при автоматической обрезке платформа отрежет не то.
4:3 — классический формат для презентаций, старых телевизоров и многих мессенджеров. Подходит для фотографий предметов и интерьеров.
16:9 — обложки видео, баннеры, широкоэкранные презентации. Горизонтальная композиция с акцентом по центру.
9:16 — вертикальный формат для Stories, Reels, TikTok, YouTube Shorts. Верхняя треть кадра — самая заметная при прокрутке ленты.
3:2 и 2:3 — стандартные пропорции для фотографий. Камеры по умолчанию снимают в 3:2 (горизонтально) или 2:3 (вертикально).
Свободная обрезка оправдана только в одном случае: если вы точно знаете, какой фрагмент хотите получить, и платформа не навязывает конкретное соотношение. Во всех остальных — начинайте с пропорций.
Каждая платформа по-своему обрабатывает изображения. Вот что нужно учитывать:
Instagram. Пост в ленте — 1080×1080 (квадрат), 1080×1350 (портрет) или 1080×566 (альбомный). Портретный формат занимает больше экрана при прокрутке и получает больше внимания. Stories — 1080×1920, обрезаются до 9:16.
Telegram. Превью ссылок — 1200×630, аватарки — круглая обрезка, поэтому располагайте ключевой объект строго по центру квадрата.
VK. Обложка группы — 1590×400, миниатюра поста — 510×287. Узкий горизонтальный формат: верхняя и нижняя часть кадра при загрузке часто отрезается.
YouTube. Миниатюра видео — 1280×720 (16:9). Обложка канала — 2560×1440, но видимая область зависит от устройства: на мобильном отображается только центральная полоса.
LinkedIn. Пост с изображением — 1200×627, баннер профиля — 1584×396. Строгие требования: изображения с нестандартными пропорциями масштабируются с обрезкой, результат непредсказуем.
Перед обрезкой откройте спецификации конкретной платформы. Два десятка пикселей разницы — и миниатюра обрезается непредсказуемо.
Скриншоты рабочего стола, интерфейса приложений и веб-страниц требуют особого подхода. Обычно скриншот захватывает весь экран — 1920×1080 или больше — а нужен только фрагмент: область настроек, чат, конкретный блок на странице.
При обрезке скриншотов соблюдайте два правила:
Оставьте контекст. Если показываете кнопку в интерфейсе, обрезайте так, чтобы была видна хотя бы часть окна — иначе зритель не поймёт, где именно эта кнопка находится.
Используйте пиксельную сетку. Элементы интерфейса выровнены по пиксельной сетке. Обрезка «на глаз» часто приводит к тому, что линии на краю кадра выглядят неровными. Включите точные координаты и обрезайте по границам элементов.
Для обрезки скриншотов с точностью до пикселя удобно использовать специализированные инструменты. На Pixes есть отдельный инструмент для скриншотов, который заточен под этот сценарий — с возможностью задавать точные координаты и предпросмотром в реальном масштабе.
Обрезка редко бывает единственным шагом. Типичные сценарии связанной обработки:
Поворот перед обрезкой. Фотография чуть наклонена — горизонт завален на пару градусов. Сначала поверните изображение, выровняйте композицию, и только потом обрезайте. Если сделать наоборот, при повороте обрезанного изображения появятся белые углы.
Изменение размера после обрезки. Обрезали нужный фрагмент, но его разрешение — 2400×1600, а для загрузки на сайт нужно 800×533. После кадрирования уменьшите размер — так изображение и компактнее, и загружается быстрее.
Сжатие. Обрезка не уменьшает вес файла пропорционально — метаданные и структура JPEG остаются прежними. Если нужно уменьшить размер файла, это отдельная операция.
Порядок операций важнее, чем кажется: поворот → обрезка → изменение размера → сжатие. Нарушение последовательности приводит к повторной обработке и накоплению потерь качества.