Изображения в PDF
Объединяйте JPG, PNG и другие изображения в PDF. Выбирайте A4, Letter или размер изображения, поля и ориентацию, затем проверяйте итоговый документ.
Создать атлас спрайтов
Расположение изображений · Отступы · CSS и координаты
Изображения остаются на устройстве
Файлы
0 · 0 выбрано
Изображения пока не выбраны.
Перетащите сюда изображения или ZIP-архив
Можно также вставить изображение или выбрать несколько сразу.
JPEG · PNG · WEBP · AVIF
Настройки
Дополнительные настройки
Настройки экспорта
Кадрирование фото на документыЛокальное распознавание только предлагает кадр; перед экспортом его можно изменить.
Кадрирование этого изображения ещё не подтверждено.
Фон фото на документыНеобязательное локальное отделение человека от фона; исходник не отправляется.
Размеры
Готовый размерПопулярные размеры площадок
Выберите один или несколько размеров — для каждого изображения будут созданы все варианты.
Безопасное поле значка
Из одного макета создаются favicon, значки PWA и стандартные размеры для приложений вместе с manifest.
Область кадрированияПеретаскивайте рамку, чтобы менять её размер и положение
Поворот0°
Качество
Отступ с каждой стороныpx
Увеличить изображениеReal-ESRGAN · 2×
Выбрать цвет на изображении
Диапазон кадровОставьте конец пустым, чтобы обработать до последнего кадра.
Base64 увеличивает объём данных. Размер ввода ограничен для защиты памяти браузера.
Об инструменте
Соберите значки или небольшие игровые элементы в один файл и обращайтесь к областям по координатам. Размер ячейки определяется самым большим исходником, поэтому вокруг небольших изображений может остаться место.
Как пользоваться
Создать атлас спрайтов
Для каких задач подходит инструмент
Объединяйте изображения в PNG-сетку с настройкой столбцов и интервалов. Сохраняйте исходные размеры и экспортируйте координаты JSON и фоновые позиции CSS.
Как пользоваться
Расположите изображения и задайте столбцы и интервалы. Каждое сохраняет размер и лежит слева вверху ячейки по размеру самого большого изображения. Экспорт включает спрайт, JSON-координаты и CSS-позиции.
Результаты и дальнейшая обработка
Основное изображение сопровождают координаты, manifest или код. Полный ZIP сохраняет их связь.
Конфиденциальность и локальная обработка
Обработка выполняется в браузере. Этот инструмент не загружает исходные изображения.
Частые вопросы
Растягиваются ли разные по размеру исходники до общего размера?
Нет. Они сохраняют размеры в левом верхнем углу ячеек, рассчитанных по самому большому исходнику, поэтому возможны пустые области. Экспорт содержит PNG, JSON-координаты и CSS-позиции. Это сетка, а не плотная упаковка с обрезкой прозрачных краев.
Почему экспортированного CSS недостаточно для показа спрайтов?
Он задаёт размеры и позиции фона. На странице нужно добавить адрес атласа в background-image и подходящий способ отображения элемента. PNG, JSON и CSS должны быть из одного экспорта; после смены столбцов или интервалов заменяйте их вместе.
Как избежать смещения координат после пересоздания атласа?
Определите порядок очереди до настройки столбцов и интервалов. Позиции следуют этому порядку; добавление, удаление и перенос картинок могут менять следующие координаты. Не сочетайте старую карту с новым атласом.
Связанные инструменты
Откроется в новой вкладке
Комментарии
0