CutUIrier локально · без интернета · без лимитов

Удалить фон

Убирает фон с фотографий и картинок с помощью ИИ-моделей (rembg) — полностью локально, без интернета. Можно сразу обрезать результат по контуру.

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Режим результата

Для круглых/непрямоугольных элементов после обрезки по контуру в углах остаётся немного прозрачных пикселей — это нормально: PNG всегда прямоугольный файл, и это минимально возможный охватывающий прямоугольник. Редакторы (например Figma) показывают прямоугольную рамку выделения для любого слоя — сами углы при этом остаются невидимыми (прозрачными).

Результат

Авто-кроп

Обрезает картинку по самому плотному прямоугольнику вокруг видимого содержимого — убирает лишние пустые поля вокруг объекта (по прозрачности или по цвету фона).

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Авто-кроп обрезает изображение по самому плотному прямоугольнику вокруг видимого содержимого. Для круглых элементов небольшие прозрачные уголки внутри этого прямоугольника — не баг, а неизбежное свойство растрового PNG (см. пояснение на вкладке «Удалить фон»).

Результат

Разбить на элементы

Находит на одной картинке (например, UI-кит с набором кнопок и иконок) несколько отдельных элементов и вырезает каждый в свой файл с прозрачным фоном.

Перетащи один UI-кит / картинку с элементами сюда

или нажми, чтобы выбрать файл

Вырезанные элементы

Как это работает, по шагам

  1. Загрузи одну картинку — например, доску с UI-китом, где много мелких элементов (кнопки, иконки).
  2. Приложение само находит отдельные элементы и обводит их рамками. Синяя рамка — элемент попадёт в экспорт, красная — будет пропущен.
  3. Обычный клик по рамке переключает элемент между «включён» / «исключён». Если случайно исключил все элементы и жмёшь «Экспортировать элементы» — появится ошибка «нечего экспортировать»: просто включи нужные рамки обратно или нажми «Включить все».
  4. Shift+клик по нескольким рамкам выделяет их жёлтым — это отдельный режим, нужен только если хочешь объединить несколько рамок в одну кнопкой «Объединить выбранные» (например, если элемент случайно распознался как два куска) или удалить их кнопкой «Удалить выбранные».
  5. Если два элемента, наоборот, слиплись в одну рамку (например, две соседние иконки) — выдели эту рамку (Shift+клик) и нажми «Разделить рамку»: она разрежется на две по более длинной стороне. У выделенной рамки также появляются квадратные ручки по углам — потяни за них, чтобы подправить размер вручную.
  6. Если элемент не нашёлся автоматически — нажми «Добавить рамку» и обведи его мышкой вручную.
  7. Если рамки найдены неточно — двигай ползунок «Строгость границ» (жёстко — рамки точно по контуру, с запасом — рамки чуть шире на случай смазанных/неуверенных краёв) и/или «Допуск слияния» / «Мин. площадь», затем нажми «Пересчитать рамки» (это сбросит ручные правки).
  8. Чекбокс «Разделять без удаления фона» — экспортирует элементы как есть, с исходным фоном внутри рамки (без прозрачности); полезно, если хочешь сначала аккуратно разложить элементы по отдельным файлам, а фон убрать потом отдельно во вкладке «Удалить фон».
  9. Нажми «Экспортировать элементы» — каждый включённый элемент сохранится как отдельная картинка с прозрачным фоном и обрезкой вплотную по контуру. Ниже появится сетка результатов, где можно переименовать каждый файл, выбрать нужные и скачать все выбранные одним ZIP или удалить лишние.
  10. Можно экспортировать несколько раз с разными настройками — новые результаты добавляются в список, а не заменяют предыдущие, так что старые версии тоже остаются доступны для скачивания.

Вырезать элементы (фото)

Вручную обводишь контур нужного объекта на фото (например, одного человека из группы) — фон внутри контура удаляется автоматически, снаружи становится прозрачным.

Перетащи фото сюда

или нажми, чтобы выбрать файл (например, фото с несколькими людьми)

Вырезанные элементы

Как это работает, по шагам

  1. Загрузи фото — например, с несколькими людьми, из которых нужно вырезать нескольких по отдельности.
  2. Выбери способ выделения: «Точками» — обвести неровный контур кликами (наведи на уже нарисованную линию — появится жёлтая точка, потяни её к реальному краю объекта); «Прямоугольник» / «Круг» — просто потяни мышкой от угла до угла.
  3. В режиме «Точками» замкни контур кликом рядом с первой (зелёной) точкой и нажми «Добавить фигуру в список» — фигура зафиксируется (покажется зелёным) и можно сразу обводить следующий элемент на этом же фото. В режимах «Прямоугольник»/«Круг» фигура добавляется в список сразу после того, как отпустишь мышку.
  4. Можно добавить сколько угодно фигур на одном фото — они не обязаны быть одного типа. Когда все нужные элементы выделены, нажми «Вырезать все фигуры» — фон внутри каждой удалится автоматически (как на вкладке «Удалить фон»), а снаружи каждой фигуры станет прозрачным.
  5. Появится крупный редактор с кистями. Если фигур было несколько — переключайся между ними вкладками над картинкой, каждая правится отдельно. «Стереть» — убрать лишнее (сделать прозрачным), «Восстановить» — вернуть то, что стёрлось по ошибке. Размер кисти регулируется ползунком.
  6. Нажми «Готово — добавить все в результаты» — каждая фигура обрежется вплотную по контуру (уберутся невидимые поля) и появится в списке результатов справа отдельным файлом, где можно переименовать, посмотреть крупнее и скачать.
  7. Чтобы вырезать ещё элементы с этого же фото — просто повтори процесс; новые результаты добавляются в список, старые не пропадают.

Конвертация / Иконки

Меняет формат и размер картинок, увеличивает их (upscale), подгоняет соотношение сторон и готовит наборы иконок нужных размеров для Android/iOS/Web.

Меняет формат файла (PNG/WEBP/JPG) и подгоняет размер по большей стороне, сохраняя пропорции.

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Результат

Увеличивает картинки в 2 или 4 раза либо улучшает пиксели, оставляя исходный размер. ИИ-модель скачивается один раз при первом использовании.

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

«Улучшить пиксели» прогоняет картинку через ИИ (или Lanczos) в 2 раза и сжимает обратно — размер тот же, края обычно чище. Для сильного увеличения лучше 2×/4× в режиме ИИ. Модель качается один раз.

Результат

Меняет соотношение сторон или подгоняет картинку под точный размер в пикселях: обрезка, растягивание или добор полей (цветом/прозрачностью либо блюром фона).

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Результат

Собирает адаптивную Android-иконку из двух отдельных слоёв — переднего плана (Front) и заднего фона (Background): экспортирует оба слоя по отдельности в нужных размерах, плюс готовый совмещённый вариант («Full») для предпросмотра и неадаптивных экранов.

Перетащи картинку переднего слоя

или нажми, чтобы выбрать файл

Перетащи картинку заднего слоя

или нажми, чтобы выбрать файл

Результат

Генерирует набор иконок стандартных размеров (Android mipmap / iOS AppIcon / Web favicon) из одной картинки.

Перетащи картинки-иконки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Результат

Режет одну картинку на несколько равных прямоугольных частей — например, чтобы разбить длинный склеенный скриншот на кадры для ASO/App Store.

Перетащи картинку сюда

или нажми, чтобы выбрать файл

Результат

Вписывает один или несколько элементов в холст заданного размера — например, чтобы привести иконки или скриншоты разного размера к единому формату.

Перетащи картинки сюда

или нажми, чтобы выбрать файлы (можно несколько)

Результат

Как это работает, по шагам

  1. Загрузи одну или несколько картинок — например, иконки или скриншоты разного размера, которые нужно привести к единому формату.
  2. Укажи размер фрейма (ширина × высота в пикселях) — под этот размер подгонится каждая картинка.
  3. «Вписать с масштабом» — картинка уменьшится/увеличится с сохранением пропорций и поместится в кадр целиком. «Без масштаба» — исходный размер картинки не трогается, она просто центрируется (если она больше фрейма, лишнее обрежется по краям).
  4. Выбери фон: прозрачный, сплошной цвет или своя картинка (растягивается на весь фрейм способом "cover" — с сохранением пропорций и обрезкой лишнего по центру).
  5. Нажми «Вписать во фрейм» — результат для каждого файла появится в списке справа.

Как это работает, по шагам

  1. Загрузи одну картинку — например, длинный склеенный скриншот для App Store/Google Play.
  2. Выбери способ разреза: «По количеству строк/столбцов» — просто укажи, на сколько частей поделить; «По размеру тайла в пикселях» — укажи точный размер каждой части, количество тайлов посчитается само (крайние тайлы у правого/нижнего края могут получиться меньше, если размер не делится ровно).
  3. Жёлтые линии на превью сразу показывают, где пройдёт разрез — подбирай значения, пока не получится нужная раскладка.
  4. Нажми «Нарезать» — каждая часть сохранится отдельным файлом (в порядке слева-справа, сверху-вниз) и появится в списке результатов справа.

Палитра

Разбор цветов со скриншота, генерация, гармонии, mesh-градиенты и проверка контраста. Всё локально в браузере, HEX копируется одним кликом.

Рабочая палитра

Пока пусто — добавь цвет с круга, из картинки или генератора.

Загрузи скриншот или UI-кит: получишь основную и полную палитры, гармонии и контрастные пары. Пипетка снимает цвет в точке.

Перетащи картинку сюда

или нажми / вставь из буфера

Основная палитра

Полная палитра

Контрастные пары (WCAG)

Случайная палитра или по критериям. Слоты рабочей палитры можно собирать вручную: круг, HEX, пипетка, удаление и порядок.

Выбранный слот рабочей палитры показывает гармонии ниже. Стрелки меняют порядок, × удаляет цвет.

Mesh из цветов рабочей палитры и переход от цвета A к цвету B в OKLCH.

Mesh-градиент

Берёт цвета из рабочей палитры сверху. После смены цветов нажми «Обновить mesh» — превью PNG перерисуется.

Превью цветов, из которых собран mesh:

От A к B

После смены HEX или числа шагов снова нажми «Построить / обновить» — или просто уйди из поля, градиент пересчитается сам.

Два цвета: поле (фон) и текст. Можно поменять местами и сразу увидеть уровень WCAG.

Кнопка / UI

Обычный текст абзаца — проверка AA и AAA для размера 16px.

Крупный заголовок