PicSeal: 샤오미 사진 스타일의 라이카 워터마크가 포함된 사진 생성 101

PicSeal는 샤오미 사진 스타일을 모방해 라이카 워터마크가 있는 사진을 생성할 수 있는 오픈소스 프로젝트로, 캐논, 니콘, 애플, 화웨이, 샤오미, DJI 등 다양한 브랜드 워터마크도 지원합니다. 사용자는 워터마크를 자동으로 인식하도록 선택할 수도 있고, 직접 스타일을 사용자 지정할 수도 있습니다. PicSeal은 Vite와 React로 개발되었으며, WebAssembly를 통해 성능을 향상시킵니다.

PicSeal 기능

• 사진에서 EXIF 정보를 추출하여 워터마크 생성

• 다양한 기기 브랜드의 워터마크 스타일 지원

• 워터마크가 포함된 사진 내보내기, 원본 EXIF 정보 유지 가능

• 워터마크 사용자 지정: 글꼴 크기, 굵기, 색상 등 조정 가능

• EXIF 데이터 내보내기: 촬영 매개변수, 시간, 위치 등 데이터 내보내기 가능

• 배너 크기 조정: 다양한 사진에 맞게 배너 워터마크 크기 조정 가능

• 글꼴 선택: MiSans 등 다양한 글꼴 제공

PicSeal 기술 구현

• EXIF 파싱: Rust 라이브러리 kamadak-exif를 사용해 이미지 EXIF 정보를 추출하고, WASM을 통해 프런트엔드에 임베드하여 사용

• 워터마크 생성: HTML과 CSS로 동적 워터마크를 생성하며, 실시간 미리보기 지원

• 이미지 내보내기: dom-to-image 라이브러리를 사용해 워터마크가 포함된 DOM 요소를 이미지 형식으로 변환

• EXIF 복사: 원본 이미지의 EXIF 정보를 내보낸 이미지에 복사하는 기능 지원

PicSeal 사용 방법

1. https://picseal.vercel.app/ 에 접속

2. 워터마크를 추가할 사진 업로드

3. 워터마크 브랜드 선택 또는 직접 스타일 지정

4. 글꼴 크기, 굵기, 색상 등 매개변수 조정

5. 촬영 매개변수, 시간, 위치 등 정보 추가 (선택 사항)

6. 저장 또는 공유 버튼을 눌러 워터마크 추가 완료

PicSeal 활용 예시

• 브랜드 워터마크: 샤오미 브랜드 워터마크를 선택하고 촬영 매개변수 및 시간 추가

• 사용자 지정 워터마크: 사용자 지정 워터마크를 선택하고, 글꼴 크기는 보통, 굵기는 굵게, 글꼴은 MiSans로 설정

• 이 도구를 사용해 사진에 워터마크를 추가하고,作品を 보호하며 촬영 장비와 매개변수를展示할 수 있음

PicSeal 배포 방식

다양한 배포 방식을 지원합니다:

• Vercel 원클릭 배포

• 로컬 배포 (Rust 및 wasm-pack 설치 필요)

• GitHub Pages 배포

• Docker 배포

프로젝트 구조

• 프런트엔드: React + TypeScript + Ant Design, Vite로 빌드

• 백엔드: Rust로 작성된 WASM 모듈, EXIF 파싱 처리

• 빌드 스크립트: 자동화된 빌드 및 배포 프로세스 지원

PicSeal 오픈소스 프로젝트 주소:https://github.com/zhiweio/picseal

관련 정보:

XiaomiROM