이미지 Data URL 생성기
이미지를 canvas에 다시 그려 PNG Data URL 문자열로 변환합니다.
사용 방법
- 이미지를 선택하고 실행한 뒤 결과의 data:image/png;base64,... 문자열을 복사합니다.
핵심 기능과 처리 범위
현재 구현은 원본 파일 bytes를 그대로 Base64화하지 않고 createImageBitmap으로 rasterize한 뒤 canvas.toDataURL(image/png)을 반환합니다.
처리 원리
원본 bitmap을 같은 dimensions canvas에 drawImage하고 PNG MIME으로 toDataURL을 호출합니다.
예시
JPEG를 넣어도 결과 prefix는 data:image/png;base64,...가 되고 PNG로 재인코딩된 pixel data가 들어갑니다.
이럴 때 유용합니다
- 작은 이미지를 HTML/CSS 테스트용 inline PNG Data URL로 만들 때
사용 전 참고
- Data URL은 원본보다 매우 길 수 있고 원본 MIME·metadata·animation을 보존하지 않으며 대용량 이미지를 inline하는 용도로는 비효율적입니다.
자주 묻는 질문
JPEG를 넣으면 JPEG Data URL이 나오나요?
아닙니다. 현재 runner는 canvas를 PNG로 직렬화하므로 결과는 PNG Data URL입니다.