Продукт · Генератор картин за номерами

Numeric Photo

Програма перетворює фото на макет картини за номерами: підбирає фарби з палітри, розставляє номери й готує файли для друку.

Рік
2026
Стек
Tailwind CSS, Next.js, React, TypeScript
Скриншот проєкту «Numeric Photo»
Можливості

Що вміє система

  • 01

    Генерація макета

    З фото у форматі JPEG, PNG, WebP, GIF або .ai програма створює макет під заданий розмір полотна в сантиметрах.

  • 02

    Власна палітра

    Палітра фарб завантажується з файлу Adobe Illustrator або JSON, а кількість кольорів у макеті можна обмежити.

  • 03

    Файли для друку

    На виході — контур із нумерацією, залитий варіант із номерами та без контурів і лист палітри з кодами й витратою фарби.

  • 04

    Редактор макета

    Заливка, пензель, ласо й гумка дозволяють змінювати ділянки, а дії можна скасувати та повторити.

  • 05

    Ручна правка номерів

    Номери можна пересувати в межах ділянки, змінювати розмір, видаляти й додавати там, де їх не вистачає.

  • 06

    Підбір по зонах

    Програма може автоматично знаходити шкіру, волосся, губи й очі та підбирати для них фарби окремо.

Інтерфейс

Екрани системи

  • Завантаження фото й палітри, темна тема
    Завантаження фото й палітри, темна тема
Архітектура

Як це влаштовано

  1. Застосунок

    Next.js 14 (App Router), React 18, TypeScript, Tailwind CSS

  2. Обробка зображень

    sharp, @napi-rs/canvas, resvg; конвертація .ai через ImageMagick і Ghostscript

  3. Розпізнавання зон

    Моделі ONNX (onnxruntime-node) для сегментації обличчя та тіла

  4. Дані

    Локальні JSON-файли (користувачі, палітра), вхід через JWT у httpOnly-cookie

  5. Настільна версія

    Electron 28, інсталятор для Windows через electron-builder (NSIS)

Стек

Технології проєкту

Новий проєкт

Зробимо щось живе?

Розкажіть про задачу — повернемося з питаннями й оцінкою протягом доби.

Написати →