기타

이미지를 코드에 직접 삽입하는 Base64 활용법

HTML이나 CSS에 이미지를 직접 삽입하면 HTTP 요청을 줄일 수 있습니다. Base64 인코딩 방법입니다.

Base64란

이미지를 텍스트 문자열로 변환하는 방식입니다. 별도 파일 없이 코드 내에 이미지를 포함할 수 있습니다.

장단점

작은 아이콘에 적합합니다. 단, 인코딩하면 크기가 약 33% 커집니다.

Base64 변환

companys.kr에서 이미지를 Base64로 변환하세요.

적절한 상황에서 활용하면 성능 최적화에 도움이 됩니다.