Бесплатная онлайн обрезка PNG — обрезание прозрачных краёв
Удалить прозрачные границы из PNG изображений поштучно или пакетно — бесплатно онлайн без регистрации.
Перетащите ваши PNG-файлы сюда или нажмите для выбора
Максимум 100 файлов, 5 МБ каждый, 60 МБ в сумме
3 осталось бесплатных конвертаций
Используйте API обрезки PNG
Интегрируйте автоматическую обрезку PNG в ваши приложения с помощью Easy PNG to Sprites API.
Загрузите один или несколько PNG-файлов чтобы автоматически удалить прозрачные края идеально для подготовки спрайтов игры и активов UI.
Особенности API
- POST /trim: одиночный PNG или пакетный ZIP вывод
- Загрузите до 100 PNG-файлов на запрос
- Контроль порога альфа и отступа
- 5МБ на файл, 60МБ всего
- Входной PNG; выходной PNG (одиночный) или ZIP (пакетный)
- Быстрый ответ с автомасштабированием Cloud Run
Что такое обрезка PNG?
Обрезка PNG это процесс автоматической обрезки прозрачных пиксели вокруг краёв PNG изображения уменьшающей холст до наименьшего прямоугольника который всё ещё содержит всё непрозрачное (или частично непрозрачное) содержимое. Большинство инструментов дизайна и анимации — Photoshop Aseprite Spine экспортёры игровых движков — выводят PNG-файлы с большими прозрачными маржами потому что холст экспорта обычно размещается артборду или наибольшему кадру в последовательности а не на реальному спрайту.
Это дополнительное прозрачное дополнение невидимо для глаза но очень реально на диске и в памяти. Это вздувает размеры файла тратит VRAM когда спрайт загружается как текстура и запутывает логику ограничивающего прямоугольника в игровых движках которые полагаются на размеры спрайта для коллизии раскладки или попадания-тестирования. Пруд обрезки исправляет все эти проблемы в одном шаге переквигенивая ограничивающий прямоугольник каждого спрайта и экспортируя только значимую область пикселя.
Этот инструмент запускает этот пруд обрезки для вас в вашем браузере. Загрузите одиночный PNG или целый пакет установите опциональный порог альфа и значение отступа и скачайте либо одиночный обрезанный PNG либо ZIP обрезанных файлов. Оригинальное визуальное содержимое и прозрачность сохраняются ровно — инструмент только удаляет пустые маржинальные пиксели.
Почему обрезать прозрачные края?
Наиболее непосредственная выгода обрезки это меньшие размеры файла. Прозрачное дополнение всё ещё занимает пиксельные строки и столбцы в PNG и в то время как сжатие обрабатывает большие прогоны прозрачности эффективно исключение их полностью выводит заметно меньшие файлы — часто 30-70% сокращения для спрайтов экспортированных на перегруженных холстах. Меньшие файлы загружаются быстрее удобнее подходят в мобильные бюджеты памяти и передаются быстрее через сеть.
Вторая выгода это точные ограничивающие прямоугольники. Игровые движки обычно используют размеры PNG спрайта как его по-умолчанию hitbox ориентир опорной точки и охват рендеринга. Спрайт который 128×128 пиксели но содержит 40×60 персонаж в центре иначе прозрачного холста выводит коллизию и выравнивание ошибки потому что движок видит 128×128 hitbox. Обрезка PNG к его истинному содержимому означает ваш движок видит реальный размер спрайта и всё ниже по потоку — коллизии UI раскладки щелчок цели якорь подсказки — работает правильно без ручных сдвигов.
Обрезка также выводит чище спрайт атласы когда вы позже упаковываете спрайты в спрайт-лист. Алгоритмы бин-упаковки могут только минимизировать финальный размер атласа когда каждый входной уже плотный. Если каждый спрайт носит 20-пиксельную прозрачную границу упаковщик тратит те пиксели в каждой ячейке. Обрезать первый упаковать второй и вы получите драматически меньший и более эффективный атлас текстуры.
Как работает порог альфа
Алгоритм обрезки сканирует каждый PNG пиксель-за-пиксельём чтобы найти плотнейший ограничивающий прямоугольник охватывающий все не-пустые пиксели. Вопрос того что считается пустым управляется параметром порога альфа. Значения альфа колеблются от 0 (полностью прозрачный) к 255 (полностью непрозрачный). С порогом 0 только полностью прозрачные пиксели (альфа = 0) рассматриваются как пусто и обрезаны; любой пиксель с альфа ≥ 1 рассматривается содержимо и сохранён.
Увеличивающий порог делает алгоритм более агрессивный. Порог 10 рассматривает пиксели альфа 0-10 как пусто — полезно когда ваш PNG имеет тусклые привидения сглаживания или почти-невидимые пиксели шума на краях что вы хотите отрезать. Пороги 30-50 уместны когда спрайты имеют мягкие блеклые тени или светящиеся края что вы рассматриваете как украшение а не значимое содержимое. Идущее выше чем 100 тенденций обрезать видимые полупрозрачные эффекты так использование осторожно.
После нахождения ограничивающего прямоугольника инструмент опционально добавляет сконфигурируемый отступ — прозрачную границу N пиксели вокруг обрезанного содержимого. Отступ полезен когда вы планируете упаковать обрезанный спрайт в спрайт-лист или применить двулинейную фильтрацию в-движке потому что это предотвращает кровоточивость текстуры на краю спрайта. Отступ 1-2 пиксели обычно достаточный для большинства конвейеров рендеринга.
Как обрезать PNG прозрачные края
1. Загрузить PNG файлы
Перетащите один или несколько PNG-файлов на область загруженок или нажмите чтобы открыть выбор файла. Режим одиночного-файла выводит обрезанный PNG; пакетный режим (два или больше файлов) выводит ZIP содержащий каждый обрезанный файл сохраняя оригинальные имена файлов. Вы можете загрузить до 100 PNG на пакет с каждым файлом до 5 МБ и объединённый итого 60 МБ.
2. Установить порог альфа и отступ
Откройте панель параметров обрезки чтобы сконфигурировать порог альфа (по умолчанию 0) и отступ (по умолчанию 0 пиксели). Держите порог в 0 если ваши PNG имеют чистые полностью прозрачные маржи; потолок это к 10-30 если привидения сглаживания или артефакты сжатия оставляют тусклые привидения пиксели на краях. Установите отступ к 1-2 пиксели если вы планируете упаковать вывод в спрайт-лист или если ваш игровой движок использует двулинейную фильтрацию текстур и вы хотите избежать артефактов кровоточивости краев иначе оставьте его в 0.
3. Запустить обрезку
Нажмите кнопку обрезки. Сервер вычисляет ограничивающий прямоугольник содержимого каждого PNG обрезает изображение к этому прямоугольнику (плюс любой отступ вы запросили) и возвращает результат. Обработка быстрая — обычно под вторую одиночного файла несколько секунд для полного пакета 100-файлов — потому что алгоритм только читает значения альфа и выполняет простую прямоугольную обрезку.
4. Скачать результат
Загрузки одиночного-файла возвращают обрезанный PNG с предварительным просмотром так что вы можете проверить результат перед скачиванием. Загрузки пакета возвращают ZIP содержащий каждый обрезанный файл с оригинальными именами файлов сохранёнными для лёгкой замены в вашей папке активов. Нажмите скачать чтобы сохранить файл или обрезать другой чтобы очистить рабочее пространство и начать заново.
Функции
Режим одиночного и пакета
Бросьте в одиночный PNG чтобы получить одиночный обрезанный PNG обратно или бросьте в до 100 PNG чтобы получить ZIP со всеми файлами обрезанными. Пакетный режим сохраняет оригинальные имена файлов так что вы можете бросить экстрагированные файлы прямо обратно в вашу папку активов замещая оригиналы.
Сконфигурируемый порог альфа
Управляйте точно какие пиксели считаются пусто с порогом альфа от 0 к 255. Оставьте это в 0 за строгую обрезку которая только удаляет полностью прозрачные пиксели или поднимите это чтобы обрезать привидения сглаживания тусклые тени и артефакты сжатия которые вы рассматриваете дополнение а не содержимо.
Опциональное сохранение отступа
Добавьте сконфигурируемую пиксельную границу прозрачного отступа вокруг обрезанного содержимого. Это полезно когда вы планируете атлас-упаковать спрайт позже или когда вы хотите маленький запас безопасности против артефактов двулинейной фильтрации в игровом движке. Отступ 1-2 пиксели типичен для большинства конвейеров рендеринга.
Полное сохранение альфы
Каждый уровень альфа в вашем исходном PNG сохранён точный в выводе. Операция обрезки только удаляет пустые маржинальные пиксели — это никогда ре-сэмплирует ре-сжимает или изменяет видимое содержимо вашего спрайта. Полупрозрачные края мягкие тени и частично прозрачные наложения проходят через нетронутые.
Нет регистрации быстрая обработка
Нет вход-вверх нет создание учётной записи нет отслеживание. Откройте страницу загрузите PNG скачайте результаты. Обрезка алгоритмически простая — сервер находит ограничивающий прямоугольник и обрезает — так что даже большие пакеты заканчиваются в секундах.
Конфиденциальность сначала
Ваши PNG-файлы обработаны на сервере и отброшены немедленно после ответ возвращается. Ничто не хранится залогирается или сохранено. Нет учётной записи требуется и нет cookies используемых для отслеживания ваших загрузок.
Варианты использования
Подготавливая игровые спрайты для упаковки
Экспортируйте ваш персонаж и опорные спрайты из Aseprite Photoshop или Spine с полным артбордом интактным затем запустите этот инструмент чтобы обрезать каждый файл к истинному размеру содержимо. Обрезанные спрайты упаковываются в драматически меньший атлас — алгоритмы бин-упаковки могут только минимизировать пространство когда каждый входной уже плотный так что удаление прозрачных границ первой может разрезать ваш финальный размер атласа пополам или больше.
Чистка UI иконок экспорты
Дизайн приложений часто экспортируют иконки в фиксированные размеры холста (256×256, 512×512) независимо от реальных размеров иконок. Запустите ваши экспорты иконок через инструмент обрезки чтобы получить хрустящие правильно-размерные активы где иконка заполняет PNG. Системы UI управляемые ограничивающим прямоугольником тогда будут размер и позиция иконки правильно без необходимости ручного дополнения сдвигов в коде.
Пакетная обрезка кадров анимации
Бросьте в целую папку кадров анимации экспортированных из вашего инструмента анимации — цикл ходьбы последовательность взрыва эффект заклинания — и получите ZIP всех кадров обрезанными в одном проходе. Это необходимый первый шаг перед собиранием кадров в спрайт-лист с упакованной раскладкой потому что упакованные раскладки полагаются на плотные ограничивающие прямоугольники за эффективную упаковку.
Уменьшение размера спрайт-атласа
Если ваши существующие спрайт-атласы больше чем они должны быть обрезка отдельных исходных PNG перед переупаковкой часто раскрывает значимые сбережения. Проекты которые обрезают агрессивно перед атласингом рутинно видят 40-60% меньше атлас текстур который переводит прямой в быстрее загрузку активов и ниже использование VRAM — особенно ценное за мобильные и веб сборки.