이미지 병합 엔진 업데이트

업데이트 날짜: 2026-08-18

업데이트 유형: 핵심 개선

네이티브 Canvas 엔진

홈과 Grid의 이미지 병합 기능이 렌더링된 DOM을 캡처하는 방식에서 브라우저의 네이티브 Canvas를 사용하는 방식으로 변경되었습니다. 이미지 위치, 크기, 간격, 외곽 여백, 둥근 모서리, 배경과 cover 자르기를 Canvas에서 직접 그리며 기존 미리보기 조작은 그대로 유지됩니다.

전체 DOM과 CSS 캡처에 대한 의존성을 줄여 향후 크기 조절과 출력 개선을 위한 안정적인 기반을 마련했습니다. 이미지 처리는 계속 브라우저 안에서만 이루어집니다.

출력 형식과 파일 크기

출력 파일은 Blob으로 만들고 선택한 형식에 맞춰 인코딩합니다.

• PNG: 무손실 형식으로 투명 배경, 텍스트와 그래픽에 적합하며 파일 크기는 다른 PNG와 대체로 비슷합니다.
• JPEG: 사진 병합에 적합하고 PNG보다 작아지는 경우가 많으며 투명 영역은 흰색으로 채워집니다.
• WebP: 화질과 파일 크기의 균형이 좋습니다.
• BMP: Canvas에는 일관된 네이티브 BMP 인코더가 없으므로 PNG로 대체되고 확장자도 .png가 됩니다.

JPEG와 WebP는 현재 약 86% 품질로 출력됩니다. 미리보기 창에서 형식을 바꾸면 다운로드 시 현재 선택에 맞춰 다시 인코딩하므로 확장자와 실제 내용이 일치합니다.

배경색 빠른 프리셋

홈과 Grid의 배경색 설정에 흰색, 안개 회색, 따뜻한 주황색, 부드러운 노란색, 민트, 하늘색, 라벤더와 차콜 프리셋을 추가했습니다.

색상 칩을 클릭해 바로 적용할 수 있으며, 색상 선택기에서 원하는 색상을 직접 고를 수도 있습니다. 배경색은 외곽 여백, 이미지 사이 간격, 둥근 모서리로 드러나는 영역과 투명 이미지의 표시 방식에 영향을 줍니다.

세로 미리보기 개선

레이아웃에 따라 미리보기 스크롤 방식을 다르게 적용합니다. 세로 레이아웃은 내용을 미리보기 너비에 맞추고 가로 스크롤을 숨기며, 가로 레이아웃은 넓은 결과를 확인할 수 있도록 가로 스크롤을 유지합니다. 너비 제한으로 인해 스크롤바를 숨겨도 이미지가 잘리지 않습니다.

개인정보 보호는 그대로 유지됩니다

이미지 선택, 레이아웃 계산, Canvas 그리기, 형식 인코딩과 다운로드는 모두 사용자의 브라우저에서 처리됩니다. 이미지는 서버에 업로드되거나 제3자에게 전달되지 않습니다.