Обрезать фото онлайн и кадрировать под размер: гид по пропорциям для WB, Ozon и соцсетей
Обрезать фото онлайн и кадрировать под размер: гид по пропорциям для WB, Ozon и соцсетей
Разбираем, чем кроп отличается от ресайза, какие соотношения сторон требуют Wildberries, Ozon и Яндекс Маркет, и как не обрезать самое важное. С таблицей типовых размеров и разбором частых ошибок.
Зачем вообще кадрировать фото и почему это не мелочь
Кажется, что обрезать фото, это пара секунд: потянул за уголок, и готово. Но именно на этом шаге чаще всего ломается карточка товара или пост в соцсетях. Площадки жёстко требуют конкретные пропорции, и если прислать снимок не в том соотношении сторон, его либо обрежет автоматика как попало, либо добавит белые поля, либо вообще отклонит загрузку. Мы в студии gdefoto каждый день готовим сотни кадров под Wildberries, Ozon, Яндекс Маркет и соцсети, и видим одни и те же грабли: товар уезжает за край, лицо обрезано по подбородку, инфографика растянута в овал. В этом гиде мы разложили всё по полочкам, какие пропорции нужны где, чем кроп отличается от ресайза, как сохранить резкость и не выкинуть важное. А если возиться не хочется, можно просто обрезать фото онлайн за минуту в нашем инструменте с готовыми пресетами под каждую площадку.
Соотношение сторон: 3:4 для маркетплейсов, 1:1, 4:5 и 9:16 для соцсетей
Соотношение сторон, это пропорция ширины к высоте кадра. Она важнее, чем абсолютные пиксели: площадка сама масштабирует картинку, но если пропорция не совпала с её сеткой, начинаются поля и обрезки. Разберём ключевые форматы.
3:4 (вертикальный, маркетплейсы). Это базовый стандарт для карточек товара. Wildberries и Ozon показывают фото вертикально, потому что в ленте и в карточке вертикаль занимает больше площади экрана и лучше продаёт. Снимок 900x1200, 1200x1600 или 1500x2000 пикселей, это всё одна и та же пропорция 3:4. Держитесь её, и товар не обрежется.
1:1 (квадрат). Универсальный формат. Подходит для аватарок, превью, части баннеров и старых лент Instagram. Маркетплейсы квадрат тоже принимают, но вертикаль почти всегда выгоднее по площади показа.
4:5 (вертикаль для ленты соцсетей). Это максимально допустимая вертикаль в ленте Instagram. Размер 1080x1350. Занимает больше высоты, чем квадрат, значит, заметнее при прокрутке. Если выложить более узкое фото, площадка обрежет его до 4:5 сама и обычно по центру, что не всегда удачно.
9:16 (сторис и вертикальное видео). Полноэкранный вертикальный формат, 1080x1920. Используется в сторис, Reels, клипах. Важный нюанс: верхние и нижние примерно 250 пикселей перекрываются интерфейсом (аватарка, подписи, кнопки), поэтому ключевой объект и текст держите в центральной безопасной зоне.
Частые ошибки на этом шаге:
- Грузят горизонтальное фото туда, где нужна вертикаль. Алгоритм обрезает бока, и товар уезжает за рамку.
- Путают 3:4 и 4:5. Они близки, но не равны, и из-за разницы на маркетплейсе появляются тонкие поля.
- Грузят квадрат в сторис. Получают огромные пустые полосы сверху и снизу.
Чтобы не считать пропорции в уме, удобнее выбрать готовый пресет. В нашем инструменте можно обрезать фото онлайн сразу под 3:4, 1:1, 4:5 или 9:16, а заодно посмотрите соседние тулзы в хабе инструментов, если нужно ещё и сжать или сконвертировать. Тем, кто готовит товарку системно, пригодится наш разбор, как фотографировать товар для Wildberries, там про кадр уже на этапе съёмки.
Ресайз против кропа: чем отличаются и когда что применять
Два слова, которые путают чаще всего. Разница принципиальная, и от неё зависит, останется ли фото нормальным.
Кроп (обрезка, кадрирование) убирает часть изображения. Вы отрезаете лишнее по краям, а то, что внутри рамки, остаётся в исходном масштабе. Пропорция меняется, потому что вы решаете, что оставить. Кроп нужен, когда надо привести фото к пропорции площадки или убрать лишнее по краям, например, чужую руку, край стола, мусор в углу.
Ресайз (масштабирование) меняет размер всего изображения целиком, не выбрасывая ничего. Меняются только пиксельные габариты. Если ресайз делать с сохранением пропорций, картинка просто становится меньше или больше. Если без сохранения, она растягивается или сплющивается, и вот тут начинается беда.
Простое правило: сначала кроп под нужную пропорцию, потом ресайз под нужные пиксели. То есть сперва решаете, что попадёт в кадр и в какой пропорции, а уже потом приводите к итоговым размерам вроде 1200x1600.
Когда применять кроп:
- Фото снято в 4:3, а нужно 3:4. Поворачивать нельзя, нужно кадрировать вертикально.
- Товар занимает половину кадра, остальное пустота. Кропом приближаете объект.
- В угол попало лишнее. Тут поможет ещё и наш разбор, как убрать лишнее с фото онлайн.
Когда применять ресайз:
- Пропорция уже верная, но файл слишком большой по пикселям или весу.
- Нужно подогнать под конкретное требование площадки по ширине в пикселях.
Чего делать категорически нельзя, это растягивать кадр без сохранения пропорций, чтобы заполнить нужный формат. Лица вытягиваются, круглые предметы становятся овальными, текст на инфографике плывёт. Если фото не дотягивает до нужной пропорции, кропайте, а не тяните. А если не хватает разрешения после кропа, лучше увеличить грамотно, об этом у нас отдельная статья, увеличить разрешение фото онлайн. Тем, кто хочет понимать механику глубже, полезен материал размер фото в Photoshop, где разобрана связь пикселей, дюймов и DPI.
Как обрезать без потери качества: пиксели, формат и резкость
Сам по себе кроп качество не ухудшает: вы просто отрезаете часть пикселей, а оставшиеся не трогаются. Потеря качества появляется на соседних операциях, и вот где надо быть аккуратным.
1. Не кропайте слишком мелко. Если из снимка 1000x1000 вырезать центральный квадрат 300x300, а потом растянуть его обратно до 1000x1000, картинка станет мыльной. У вас физически было всего 300 пикселей информации. Поэтому снимайте и храните исходники в большом разрешении, а кроп делайте из крупного оригинала.
2. Следите за итоговыми пикселями под площадку. Маркетплейсы любят крупные стороны: Wildberries рекомендует от 900x1200, оптимально 1200x1600, допускает до 8000 по длинной стороне. Ozon ждёт минимум 700x900, лучше 1200x1600. Если после кропа осталось меньше минимума, фото либо отклонят, либо размоет апскейл площадки.
3. Выбирайте правильный формат файла. JPG для фотографий товара, PNG для графики с прозрачным фоном, инфографики с резкими линиями и текстом. Сохраняя JPG, не уводите качество ниже 80 процентов, иначе на однотонном фоне вылезут артефакты. Если файл получился тяжёлым, лучше отдельно сжать, у нас есть гайд, сжать фото до 200 КБ онлайн, и современные форматы вроде AVIF для сайта.
4. Не пересохраняйте по кругу. Каждое повторное сохранение JPG, это новое сжатие и новые потери. Откадрировали, сохранили один раз, дальше работаете с этим файлом или возвращаетесь к оригиналу.
Частые ошибки, которые убивают резкость:
- Кроп из скриншота или превью. Берите оригинал, а не уменьшенную копию из мессенджера.
- Кроп после HEIC без конвертации. Фото с iPhone часто в HEIC, и редакторы их мнут. Сначала переведите в JPG, у нас есть HEIC в JPG онлайн.
- Слишком агрессивное добавление резкости после кропа. Появляются белые ореолы по контурам.
Если нужно быстро и без программ, можно обрезать фото онлайн за минуту, инструмент сохраняет максимальное доступное качество и не переупаковывает файл лишний раз. Кто работает в Photoshop, тому пригодится наша пошаговая инструкция, как обрезать фото в Фотошопе.
Чтобы не держать всё в голове, собрали рабочие размеры в один список. Это те значения, на которые мы ориентируемся ежедневно при подготовке карточек и контента.
Маркетплейсы (вертикаль 3:4):
- Wildberries: от 900x1200, оптимум 1200x1600, до 8000 по длинной стороне. Формат JPG или PNG, фон чаще белый или светлый.
- Ozon: минимум 700x900, рекомендуется 1200x1600 и крупнее. Пропорция 3:4, главное фото на белом фоне.
- Яндекс Маркет: от 600x600, рекомендуют от 1000x1000, допускают и квадрат, и вертикаль. Белый фон для основного изображения.
Соцсети:
- Лента, квадрат 1:1: 1080x1080.
- Лента, вертикаль 4:5: 1080x1350, максимальная высота в ленте.
- Сторис и Reels, 9:16: 1080x1920, безопасная зона в центре.
- Горизонталь 16:9: 1920x1080, для обложек видео и шапок.
Документы и госуслуги:
- Фото на документы (пропорция 3:4): печатный стандарт 35x45 мм. Для Госуслуг загружают JPG, обычно от 600x800 пикселей, лицо строго в овале допуска, поля сверху и снизу соблюдены.
- Аватар профиля: квадрат 1:1, от 400x400.
Ключевые ошибки при работе с размерами:
- Грузят фото меньше минимума площадки. Результат, размытие или отказ при загрузке.
- Делают одно фото и пихают во все форматы. Под 3:4, 1:1 и 9:16 нужны разные кадрирования, а не одно растянутое.
- Забывают про безопасную зону в сторис. Цена или призыв уезжают под кнопку.
- Кропают инфографику и теряют край текста. Перед кадрированием проверьте, что весь текст внутри рамки.
Если готовите товарку пачкой, удобнее работать через подготовку под маркетплейсы, она приводит фото к нужным пропорциям и фону сразу. Отдельно для обработки самих карточек у нас есть обтравка фото (вырезание объекта на белый фон) и инфографика для маркетплейсов. А выбрать фон под карточку поможет статья, какой фон выбрать для карточки товара.
Простой кроп под пропорцию вы сделаете сами за минуту, тут мастер не нужен. Но есть случаи, где ручная работа экономит вам и нервы, и продажи. Первый, это большой объём: когда нужно привести к 3:4 и единому фону сотни карточек, важна не только обрезка, но и одинаковая композиция, центровка товара, отступы, чтобы линейка выглядела ровной в каталоге. Второй, это сложные кадры, где после кропа всплывают проблемы: товар обрезан неудачно, фон неоднородный, нужно сначала вырезать объект, а потом кадрировать. Третий, это ситуации, когда исходник слабый, мелкий или мятый, и наивный кроп только обнажит дефекты, тут нужна ретушь и грамотный апскейл до кадрирования. Мы в gdefoto делаем это пакетно и по единому стандарту, чтобы карточки смотрелись как одна линейка, а не как случайная подборка. Если хотите научиться сами, у нас есть обучение ретуши с упором на предметку и маркетплейсы. А для повседневных задач быстрее и проще взять онлайн-инструмент.
Главное, что стоит запомнить: сначала выбираете пропорцию под площадку (3:4 для маркетплейсов, 1:1 и 4:5 для ленты, 9:16 для сторис), потом кропаете, и только в конце ресайзите под нужные пиксели. Никогда не растягивайте кадр без сохранения пропорций и не кропайте из мелких превью, держите крупный оригинал. Соблюдайте минимумы площадок и проверяйте, что в рамку попало всё важное, а лишнее ушло. Когда правила понятны, сама обрезка занимает секунды. Не хотите возиться с цифрами, просто откройте наш инструмент и обрежьте фото онлайн за минуту с готовыми пресетами под WB, Ozon и соцсети. А для соседних задач, сжать, конвертировать, убрать фон, загляните в хаб инструментов или прочитайте, как убрать фон с фото онлайн бесплатно.
Композиция при кадрировании: правило третей и воздух вокруг объекта
Обрезка это не только про попадание в нужное соотношение, но и про то, как объект расположен внутри кадра. Самый простой рабочий приём это правило третей: мысленно делим кадр на три части по горизонтали и вертикали и располагаем главное на пересечении линий или вдоль них. Так снимок выглядит живее и уравновешеннее, чем когда объект просто впечатан по центру. Для товарной съёмки центровка тоже уместна, но и там важно оставить немного воздуха по краям, чтобы предмет не упирался в границы кадра и не создавал ощущения тесноты.
При кадрировании следите за тем, что попадает на края. Обрезанные наполовину предметы, случайные объекты по углам, срезанная тень, всё это тянет внимание на себя и удешевляет кадр. Обрезайте так, чтобы взгляд сразу шёл к главному, а фон работал на него, а не спорил с ним. Если товар вытянутый, вертикальный кроп подчеркнёт высоту, если широкий, горизонтальный покажет его выгоднее. Правильная обрезка способна вытащить даже средний по качеству снимок, а неудачная испортить хороший.
Как кадрировать под конкретные задачи: маркетплейсы, соцсети, документы
У каждой площадки своя логика кадра, и один и тот же снимок под разные задачи обрезается по-разному. Разберём практику по основным направлениям.
Маркетплейсы
Wildberries работает в вертикали 3 на 4, поэтому под него кадрируем вертикально, оставляя товар в центральной зоне. Ozon и Яндекс.Маркет любят квадрат 1 на 1, тут обрезаем по центру, следя, чтобы товар не касался краёв. Авито показывает квадратные превью, так что и под него удобнее квадрат. Ключ к мультиформату это снимать с запасом по краям, тогда из одного кадра нарежется и вертикаль, и квадрат.
Социальные сети
Лента Instagram и ВКонтакте лучше всего показывает вертикаль 4 на 5, она занимает больше экрана. Сторис и вертикальные видео это 9 на 16 на весь экран. Квадрат 1 на 1 универсален для сеток и превью. Для обложек и горизонтальных постов берём 16 на 9 или 1.91 на 1.
Аватарки и документы
Аватарка это строгий квадрат 1 на 1 с лицом или логотипом по центру, с небольшим воздухом сверху. Фото на документы кадрируется в стандартные пропорции: 3 на 4 для многих российских документов, 35 на 45 миллиметров для паспорта и визы, с соблюдением полей и положения головы. Здесь кроп должен быть точным, потому что отклонение от требований это отказ.
Как обрезать фото на телефоне
Кадрировать не обязательно за компьютером, телефон справляется с этим за минуту. На iPhone откройте фото, нажмите Изменить, затем иконку кадрирования, выберите нужное соотношение из списка или задайте вручную, потяните за углы рамки и сохраните. На Android в Google Фото или встроенной галерее логика та же: Редактировать, Кадрировать, выбор пропорции, подгон рамки. Минус ручной обрезки на телефоне в том, что попасть в точное соотношение вроде 3 на 4 или добиться одинакового кропа на десятках фото сложно. Если нужен ровный результат под конкретную площадку, быстрее и точнее сделать это нашим инструментом выше на странице: он обрезает по заданному соотношению за пару кликов и сразу отдаёт готовый файл.
Пакетная обрезка: как быстро кадрировать много фото одинаково
Когда фотографий десятки или сотни, обрезать каждую вручную это часы работы и неизбежный разнобой. Для магазинов и продавцов на потоке важнее всего единообразие: все карточки в одном соотношении, товар в одном месте кадра, одинаковые поля. Ровная сетка одинаково обрезанных фото сразу выдаёт профессиональную витрину. Пакетная обрезка решает это: задаёте соотношение и правило кропа один раз, а инструмент применяет их ко всей партии. По нашему опыту подготовки каталогов для ювелирных магазинов и брендов одежды именно единый кроп по всей линейке, а не разнобой от фото к фото, отличает аккуратный магазин от собранной наспех витрины. Такой единый стандарт экономит часы и делает карточки предсказуемо чистыми.
Кадрирование фото на документы: паспорт, виза, резюме
Документное фото это отдельная дисциплина кадрирования, где важны не композиция и красота, а точное соблюдение стандарта. Ошибка в пропорциях или положении головы означает отказ, поэтому обрезать нужно аккуратно.
- Паспорт РФ, виза, многие визовые анкеты: 35 на 45 миллиметров, лицо занимает около 70 на 80 процентов высоты, взгляд прямо, небольшой воздух над головой.
- Российские документы в пропорции 3 на 4: личное дело, пропуск, справки, соотношение 3 к 4 с лицом по центру.
- Фото на резюме и LinkedIn: обычно квадрат 1 на 1 или портретная вертикаль, голова и плечи, деловой нейтральный фон.
- Виза США: строгий квадрат 2 на 2 дюйма, 51 на 51 миллиметр, с жёсткими требованиями к полям.
Перед печатью или загрузкой на портал проверьте требования конкретного ведомства, они иногда отличаются в деталях. Точный кроп под нужный стандарт снимает большинство причин отказа на приёмке.
Частые ошибки при кадрировании
- Кроп до маленького размера. Вырезали крошечный фрагмент из большого фото, и он стал мыльным. После обрезки должно оставаться достаточно пикселей под требования площадки.
- Срезанные важные детали. Обрезали край товара, логотип или часть лица. Проверяйте границы кадра перед сохранением.
- Неверное соотношение. Обрезали в квадрат для площадки, которой нужна вертикаль, в итоге фото вписывается с белыми полями и мельчает.
- Разнобой в партии. Каждое фото обрезано на глаз по-своему, галерея выглядит неаккуратной. Задавайте единое соотношение и правило кропа.
- Растягивание вместо обрезки. Вместо кропа изменили пропорции, и объект сплющился или вытянулся. Меняйте кадр обрезкой, а не деформацией.
Частые вопросы об обрезке фото
Теряется ли качество при обрезке?
Само по себе кадрирование не ухудшает оставшуюся часть, пиксели не пересчитываются. Качество падает, только если вырезать слишком маленький фрагмент, тогда в нём остаётся мало пикселей. Обрезайте так, чтобы результат укладывался в нужный размер площадки.
Чем обрезка отличается от изменения размера?
Обрезка убирает часть кадра и меняет его пропорции, а изменение размера сжимает или растягивает всё изображение целиком без потери содержимого. Часто их используют вместе: сначала кадрируют в нужное соотношение, затем приводят к требуемому размеру в пикселях.
Как обрезать фото точно под 3 на 4 или 1 на 1?
Проще всего инструментом, который принимает соотношение и сам держит пропорции. Вручную попасть в точное соотношение сложно, особенно на партии фото.
Можно ли обрезать сразу много фото одинаково?
Да, пакетной обрезкой: задаёте соотношение и правило кропа один раз и применяете ко всей партии. Это экономит время и даёт единый вид всей галереи.
Кадрирование под печать: форматы и поля
Обрезка для печати отличается от подготовки под экран, и здесь легко ошибиться. Стандартные фотоформаты имеют свои пропорции: 10 на 15 сантиметров это примерно 2 на 3, 15 на 21 близко к 3 на 4, 20 на 30 снова 2 на 3, а привычный кадр с фотоаппарата 3 на 2 хорошо ложится в 10 на 15 без обрезки. Если пропорции снимка не совпадают с форматом бумаги, лаборатория либо обрежет лишнее, либо оставит белые поля, поэтому кадрировать под нужное соотношение лучше заранее самому, чтобы контролировать, что именно уйдёт под обрез.
Для печати важно и разрешение: закладывайте около 300 пикселей на дюйм в готовом размере, иначе отпечаток будет нерезким. Оставляйте небольшой запас по краям под обрез, так называемые поля под вылет, чтобы важные детали и лица не оказались срезаны у самой кромки. Проверяйте, что после кадрирования в кадре осталось достаточно пикселей под выбранный формат бумаги, растянутый мелкий фрагмент на печати выглядит заметно хуже, чем на экране.
Как решить, что обрезать, а что оставить в кадре
Иногда сложнее всего понять, где провести границы кадра. Отталкивайтесь от одной мысли: что в этом фото главное и что помогает это главное показать. Всё, что не работает на сюжет, случайные предметы, пустые углы, отвлекающий фон, кандидаты на обрезку. Всё, что задаёт контекст и масштаб, стоит оставить. Для товара это сам предмет крупно плюс немного воздуха, чтобы он дышал. Для портрета это лицо и плечи с небольшим пространством над головой, срезать макушку почти всегда ошибка. Если сомневаетесь, сделайте несколько вариантов кропа, более плотный и более свободный, и сравните их рядом, лучший обычно виден сразу. Помните, что обрезать всегда можно, а вернуть срезанное нельзя, поэтому храните исходник целиком, а кадрирование делайте копиями под каждую задачу.
Сложный кейс, важное фото или просто нет времени? Наш ретушёр доработает снимок вручную под вашу задачу.
Частые вопросы
Можно ли обрезать фото бесплатно и без регистрации?
Да, обрезка фото на gdefoto полностью бесплатна, аккаунт создавать не нужно. Загружаете снимок, выбираете пропорции и сразу скачиваете результат.
Под какие соотношения сторон можно обрезать снимок?
Есть готовые пресеты 1:1, 4:5, 16:9, 9:16 и 3:4, а также режим произвольной обрезки, где вы сами тянете рамку. Это удобно для аватарок, обложек и карточек товара на маркетплейсах.
Теряется ли качество фото при обрезке?
Нет, инструмент просто вырезает выбранную область из исходника без повторного сжатия и пересохранения. Пиксели внутри рамки остаются такими же резкими, как в оригинале.
Что происходит с моими файлами после обрезки?
Снимок обрабатывается под вашу задачу и не передаётся третьим лицам, а загруженные файлы удаляются автоматически. Мы не используем ваши фото в других целях.
Работает ли обрезка на телефоне и iPhone?
Да, инструмент открывается прямо в мобильном браузере Safari или Chrome без установки приложений. Рамку можно двигать и масштабировать пальцами, а готовый кадр сохранится в галерею.
Смотрите также
Нужна ретушь товарных фото?
Ручная обработка фото для Wildberries, Ozon, Авито. Без шаблонов и конвейера, под бренды и каталоги.
- Обтравка фона на чистый белый
- Цветокоррекция и удаление дефектов
- Инфографика по требованиям площадок
- Первая тестовая обработка бесплатно
от 350 ₽ за фото, до 100 ₽ на опте. Отвечаем в чате за час.
Бесплатные онлайн-инструменты для фото
Обработайте фото прямо в браузере, без установки и регистрации: