Base64 가이드

Data URL 이미지

Data URL은 미디어 타입과 인코딩된 바이트를 HTML 또는 CSS에 직접 넣습니다. 예: data:image/png;base64,... 작은 아이콘, 이메일 템플릿, 독립 데모에 유용합니다.

올바른 Data URL 만들기

정확한 MIME 타입, 쉼표 구분자, 불필요한 공백이 없는 Base64를 사용하세요. PNG와 JPEG 시그니처는 다릅니다. 파일 인코더로 테스트 값을 만들 수 있습니다.

<img alt="Small logo" src="data:image/png;base64,ENCODED_BYTES">

성능 절충점

Data URL은 크기를 약 3분의 1 늘리고 독립 캐싱을 막으며 과도하게 쓰면 파싱을 늦출 수 있습니다. 사진과 반복 assets에는 일반 파일이 낫습니다.