빠른 사용법
세 단계로 확인합니다.
- 1크기·색상·라벨을 정합니다
16~4000px, 총 16MP 안에서 배경·글자 HEX와 최대 120자 라벨을 입력합니다.
- 2canvas 미리보기를 확인합니다
대각선 가이드와 중앙 라벨이 실제 레이아웃 비율에 맞는지 봅니다.
- 3PNG blob으로 저장합니다
canvas.toBlob 결과를 object URL로 내려받고 URL은 사용 후 revoke합니다.
결과 읽기
더미 이미지는 레이아웃 공간을 검토하는 임시 자산입니다.
실제 콘텐츠의 초점·텍스트 길이·crop·용량·대체텍스트를 대신하지 않으므로 개발 완료 전 교체 여부를 추적해야 합니다.PIXEL16MP 예산
4000×4000을 최대 총 pixel로 제한해 canvas 메모리 급증을 줄입니다.
LABEL안전한 canvas 텍스트
라벨은 fillText로만 그려 HTML이나 script로 해석되지 않습니다.
BLOB메모리 다운로드
대형 data URL 대신 PNG Blob과 수명이 짧은 object URL을 사용합니다.
더미 자산을 운영에 남기지 않도록 파일명·이슈·CMS 상태로 추적하세요. 생성 이미지는 색상 프로파일·압축 최적화·반응형 srcset을 포함하지 않습니다.
이럴 때 유용합니다.
- 카드·배너 자리 확인
- OG 1200×630 시안
- 모바일 비율 테스트
함께 확인하세요.
- 운영 이미지로 사용 지양
- 16MP·4000px 상한
- 대체텍스트·crop·용량 별도 설계
자주 묻는 질문
사용 전 알아둘 점
4000×4000보다 큰 이미지를 만들 수 있나요?
브라우저 메모리 보호를 위해 각 변과 총 16MP를 상한으로 둡니다.
라벨에 HTML을 넣으면 실행되나요?
아닙니다. canvas fillText가 글자로만 그립니다.
이미지가 서버에 저장되나요?
아닙니다. canvas와 다운로드는 현재 브라우저에서만 처리됩니다.