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 로 부풀려서 큰 사진보다 작은 자산에 훨씬 적합합니다.

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

Base64 에서 이미지 변환기 방향은 알려진 문자열로 쉽게 확인할 수 있습니다. iVBORw0KGgo (단일 1×1 픽셀) 를 시작하는 96 자 PNG 문자열을 Base64 에서 이미지로 붙여넣고 디코딩하여 이미지로 누릅니다. 미리보기와 디코딩된.png 를 저장하는 다운로드 이미지 버튼을 얻습니다. 70 바이트 파일인 Image to Base64 를 통해 해당 파일을 다시 실행하면 미리보기 라인이 이미지/png · 70 B 디코딩 · 96 Base64 문자를 읽습니다. Base64 를 다른 형식의 이미지 파일로 변환하려면 전체 데이터 URI 를 붙여넣어 올바른 유형이 유지됩니다.

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