Кадрируйте перетаскиванием, привязывайтесь к стандартным соотношениям сторон (1:1, 4:5, 16:9, 9:16, …), поворачивайте и отражайте, экспортируйте в PNG / JPG / WebP. Всё в вашем браузере — без загрузки на сервер, без регистрации.
Квадратный пост Instagram: 1:1. Портретный пост Instagram: 4:5. Stories Instagram / Facebook / TikTok / YouTube: 9:16. Превью видео YouTube: 16:9 (минимум 1280×720). Картинка для поста X (Twitter): 16:9 или 1:1. Пост LinkedIn: 1.91:1 (близко к 16:9). Фото с DSLR / телефона: 3:2. Классическое 35 мм или старое цифровое: 4:3.
Да. Экранный canvas масштабируется для отображения, но математика кадрирования работает в координатах исходника (оригинальные пиксели). При нажатии Скачать экспортный canvas создаётся точно по обрезанным пиксельным размерам исходника — без потери качества от экранного масштабирования. Источник 4000×3000, обрезанный до квадрата 1000×1000, экспортируется как изображение 1000×1000 в полном качестве.
Каждый размер, который вам действительно нужен, и каждое преобразование, которым вы реально пользуетесь — без Photoshop.
Перетаскивайте любой из 8 угловых / краевых маркеров, чтобы изменить размер рамки кадрирования, или перетаскивайте саму рамку, чтобы переместить её. Сетка по правилу третей помогает с композицией.
Привязка к 1:1 (квадрат / IG / аватар), 4:5 (портрет IG), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (классика) или свободный режим. Угловые маркеры сохраняют зафиксированное соотношение при изменении размера.
Поворот на 90° влево / вправо и отражение по горизонтали / вертикали в один клик. Преобразования применяются до кадрирования, поэтому нарисованная вами рамка остаётся точной.
Сохраняйте в PNG (без потерь), JPG (с ползунком качества 50–100%), WebP (лучшее сжатие, ~30% меньше JPG при том же визуальном качестве) или сохраняйте формат исходника.
Каждый байт остаётся на вашем устройстве. Изображение декодируется в браузере, обрезается на canvas, экспортируется через canvas.toBlob. Откройте DevTools → Network — и вы увидите ноль исходящих запросов.
Чистый JavaScript, без рантайма фреймворков. Холодная загрузка — менее 25 КБ в gzip. Кадрирование изображения 4000 × 3000 пикселей и экспорт занимают менее 200 мс.
Четыре шага от загрузки до скачивания.
Перетащите любой файл изображения (JPG, PNG, WebP, AVIF, GIF, BMP) на зону загрузки, нажмите Выберите файл или просто вставьте из буфера обмена через Ctrl/Cmd+V. Изображение декодируется локально в вашем браузере — ничего не загружается на сервер.
Выберите пресет, соответствующий месту использования изображения, — 1:1 для квадрата Instagram, 4:5 для портрета IG, 9:16 для Stories / Reels / TikTok, 16:9 для YouTube, 3:2 для фото в форме DSLR. Или оставьте «Свободно» для любого пользовательского соотношения.
Перетаскивайте 8 угловых / краевых маркеров, чтобы изменить размер рамки кадрирования, или перетаскивайте саму рамку, чтобы переместить её. Сетка по правилу третей помогает выстроить композицию. При зафиксированном соотношении сторон угловые маркеры автоматически сохраняют пропорции. Используйте Поворот / Отражение, если исходник перевёрнут или зеркально отображён.
Выберите формат вывода — сохраните формат исходника или конвертируйте в PNG (без потерь), JPG (ползунок качества 50–100%) или WebP (меньше JPG при том же визуальном качестве). Нажмите Скачать — и файл сохраняется в полном разрешении исходника, без потери качества от экранного предпросмотра.
Четыре распространённых сценария, где приватный браузерный кропер выигрывает у запуска Photoshop.
Есть горизонтальное фото с телефона и нужен квадратный пост 1:1 для Instagram? Привяжитесь к 1:1, перетащите для центрирования объекта, скачайте. Пресеты 4:5 (портрет), 9:16 (Stories) и 16:9 (YouTube) покрывают остальное.
Большинство платформ требуют 1:1. Привяжитесь к квадрату, расположите лицо объекта в верхней трети (лучше, чем строго по центру), скачайте. Результат подойдёт для LinkedIn, Twitter / X, GitHub, Slack, Discord и корпоративных интранетов.
E-commerce-платформы требуют единых соотношений — Shopify, Etsy, Amazon, Shopee предпочитают 1:1 или 4:5. Обрежьте партию снимков с телефона до нужного платформе соотношения с сеткой по правилу третей для единообразия композиции.
Скриншоты с телефона включают строку состояния, элементы навигации и переполнение приложения. Бросьте скриншот, перетащите рамку кадрирования, чтобы оставить только содержимое, скачайте в PNG (без потерь) для чётких UI-скриншотов без артефактов повторного сжатия.
Фотографии и скриншоты никогда не покидают ваше устройство. Откройте DevTools → Network — и вы увидите ноль исходящих запросов во время кадрирования, преобразования или скачивания.
Подобранные материалы о размерах для соцсетей, композиции фото и приватности изображений.
Every platform's required dimensions in one cheatsheet. Plus the aspect ratios that work without cropping on each.
A working photographer's guide to composition. Worked examples for portraits, landscapes, product shots, and social posts.
Квадратный пост Instagram: 1:1. Портретный пост Instagram: 4:5. Stories Instagram / Facebook / TikTok / YouTube: 9:16. Превью видео YouTube: 16:9 (минимум 1280×720). Картинка для поста X (Twitter): 16:9 или 1:1. Пост LinkedIn: 1.91:1 (близко к 16:9). Фото с DSLR / телефона: 3:2. Классическое 35 мм или старое цифровое: 4:3.
Да. Экранный canvas масштабируется для отображения, но математика кадрирования работает в координатах исходника (оригинальные пиксели). При нажатии Скачать экспортный canvas создаётся точно по обрезанным пиксельным размерам исходника — без потери качества от экранного масштабирования. Источник 4000×3000, обрезанный до квадрата 1000×1000, экспортируется как изображение 1000×1000 в полном качестве.
Камеры телефонов записывают тег ориентации EXIF вместо фактического поворота пикселей. Некоторые браузеры (включая старый Safari) применяют его автоматически, другие — нет. Если изображение выглядит набок, нажмите кнопку Поворот — кропер использует правильно ориентированную версию для кадрирования и экспорта.
Да. JPG — формат с потерями, поэтому любое сохранение через canvas.toBlob('image/jpeg') включает повторное кодирование. По умолчанию мы используем качество 92% (визуально неотличимо от исходника для большинства фото). Если нужна идеальная побитовая точность, выберите формат вывода PNG (без потерь) или WebP для файлов на ~30% меньше при том же визуальном качестве.
Нет. Файл читается через FileReader, декодируется в браузерный Image, рисуется на canvas и экспортируется через canvas.toBlob. Каждый шаг происходит в JavaScript на вашем устройстве. Откройте DevTools → Network — и вы увидите ноль исходящих запросов во время кадрирования или скачивания. Мы используем один cookie для состояния согласия на cookie и один для языковых настроек — и всё.