Base64 변환기에 이미지

이미지-Base64 변환기는 이미지 파일의 이진 내용을 Base64 텍스트 문자열로 바꾸며, 일반적으로 data: image/png;base64, iVBORw0KG... Base64 는 인쇄 가능한 64 개의 ASCII 문자를 사용하는 모든 이진 데이터를 나타내는 인코딩이므로 결과 문자열은 별도의 파일 요청 없이 HTML, CSS, JSON 또는 SVG 내부에서 직접 사용할 수 있습니다. 이 변환기는 또한 역방향으로 실행됩니다: Base64 문자열 또는 전체 데이터 URI를 붙여넣고 미리 보기 및 다운로드를 위해 원본 이미지를 다시 작성합니다.

개발자는 HTTP 요청을 줄이고,작은 아이콘과 로고를 인라인하여 페이지가 칠하는 순간 표시되도록 하고,이미지와 마크업이 함께 이동하는 독립형 파일을 발송하기 위해 이미지를 Base64 로 삽입합니다. 데이터 URI 는 자체 MIME 유형을 전달하므로 브라우저가 특성을 구문 분석하는 순간 데이터: image/png;base64,...를 그림으로 렌더링할 수 있습니다. 절충점은 크기입니다: Base64 는 데이터를 대략 3 분의 1 로 부풀려서 큰 사진보다 작은 자산에 훨씬 적합합니다.

이 도구는 브라우저에서 모든 작업을 수행합니다. 이미지는 File API 로 로컬에서 읽혀지고,손으로 작성한 Base64 루틴으로 인코딩되며,서버에 업로드되지 않으므로 개인 아트워크와 스크린샷이 자체 시스템에 보관됩니다. 원시 Base64 와 함께 즉시 붙여 넣을 수있는 데이터 URI,HTML img 태그 및 CSS 배경 이미지 선언과 함께 디코딩 된 바이트 크기를 얻을 수 있으므로 커밋하기 전에 인라이닝이 가치가 있는지 판단 할 수 있습니다.

한 가지 실제적인 주의: 데이터 URI는 인코딩하는 파일보다 대략 3분의 1 더 크며 브라우저에서 별도로 캐시할 수 없으므로 작은 아이콘 이상의 항목을 인라인하는 데 일반적으로 저장하는 요청보다 비용이 더 많이 듭니다.