palxiao/poster-design

해결하는 문제

생산 환경에서 바로 사용 가능한, 즉시 활용 가능한 AI 포스터 편집기 및 온라인 창의적 이미지 디자인 도구를 제공합니다. 개발 노력이 많지 않아도 포스터, 전자상거래 공유 이미지, 장문 기사, 소셜 미디어 커버를 쉽게 만들 수 있습니다.

작동 방식

이 프로젝트는 Vue 3와 TypeScript로 구축된 네이티브 DOM 캔버스 에디터를 사용합니다. 하이브리드 이미지 생성 방식을 채택하여, html2canvas를 통한 프론트엔드 렌더링과 Puppeteer를 통한 백엔드 렌더링을 병행하며 내장된 동시성 큐를 활용합니다. AI 기능은 onnxruntime-web과 가벼운 모델인 u2netp를 통합하여 브라우저 내에서 직접 AI 배경 제거(마팅)를 수행하여, 이 특정 작업에 전용 백엔드 서버가 필요 없도록 합니다. 또한 PSD 파일을 가져와 템플릿 생성을 지원합니다.

대상 사용자

자체 온라인 디자인 플랫폼을 구축하거나 커스터마이징하고자 하는 개발자, 그리고 전문적인 그래픽 디자인과 포스터를 빠르게 생성하고 싶은 사용자에게 적합합니다.

주요 특징

• AI 기반 도구: 내장된 AI 이미지 생성, 콘텐츠 작성 지원, 브러시 복구/지우기 도구를 갖춘 일클릭 AI 배경 제거 기능 포함.
• 포괄적인 에디터: 고급 텍스트 효과(그림자, 테두리, 그라데이션), 이미지 마스킹, SVG 편집 기능 제공.
• 생산 환경 대응: 완전한 백엔드 관리 시스템, JWT 기반 사용자 인증, 템플릿과 자산을 지속적으로 저장하는 SQLite 데이터베이스 포함.
• 유연한 출력: 프론트엔드와 백엔드 이미지 합성 모두 지원하여 유지보수 부담을 줄입니다.