이미지 to Base64 변환기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 모든 이미지를 Base64 데이터 URI로 변환하여 HTML, CSS 또는 JSON에 인라인으로 임베드할 준비가 되도록 합니다. Toova는 모든 일반 형식을 처리하고, 유효한 데이터 URI를 생성하며, 이미지를 절대 업로드하지 않습니다. 작은 아이콘, 이메일 템플릿, 자체 포함 문서에 유용합니다.
이미지를 인라인하는 경우
작은 이미지(몇 KB 미만의 아이콘)는 왕복을 건너뛰기 때문에 종종 별도의 HTTP 요청보다 인라인 데이터 URI로 더 빠르게 렌더링됩니다. 이메일 템플릿은 많은 메일 클라이언트가 기본적으로 외부 로딩을 차단하기 때문에 자주 이미지를 인라인합니다. 자체 포함 HTML 문서(오프라인 가이드, 다운로드 가능한 보고서)는 모든 것을 한 파일에 필요로 합니다. Toova는 모든 이미지를 src, background-image 또는 JSON 필드에 바로 붙여 넣을 수 있는 Base64 데이터 URI로 변환합니다.
형식 및 크기 고려 사항
Base64 인코딩은 파일 크기에 약 33%를 추가하므로 인라이닝은 작은 이미지에만 이득입니다. 약 5-10 KB 이상에서는 별도의 HTTP 요청이 보통 부풀어 오른 인라인 페이로드보다 빠릅니다. Toova는 원본 크기, 인코딩된 크기, 백분율 오버헤드를 표시하므로 결정할 수 있습니다. 모든 일반 형식(PNG, JPEG, SVG, WebP, GIF)이 지원됩니다.
로컬 전용
이미지는 전적으로 브라우저에서 읽히고 인코딩됩니다. 파일은 절대 업로드되지 않으며 콘텐츠 로깅이 없습니다. 이미지가 출시되지 않은 목업, 고객 사진 또는 독점 자산일 때 중요합니다. 인코딩 중 네트워크 탭은 비어 있으며 첫 로드 후 페이지는 오프라인에서 작동합니다.
자주 묻는 질문
- 이미지를 언제 인라인해야 합니까?
- 스크롤 없이 보이는 부분에 나타나는 매우 작은 이미지(몇 KB 미만)의 경우 인라이닝은 추가 HTTP 요청을 피함으로써 렌더링 속도를 높일 수 있습니다. 더 큰 이미지의 경우 인코딩 오버헤드(약 33%)가 저장된 요청보다 큽니다.
- 어떤 형식이 지원됩니까?
- PNG, JPEG, SVG, WebP, AVIF, GIF. SVG는 텍스트 기반으로 유지되기 때문에 인라이닝이 특히 잘 됩니다. 인코딩 오버헤드가 최소화됩니다.
- 데이터 URI가 CSS에서 사용해도 안전합니까?
- 예. 데이터 URI 자체 주위에 따옴표가 있는 url()로 감싸십시오. Toova가 생성하는 출력은 이미 URL-안전하며 background-image, mask-image 및 URL을 받아들이는 모든 속성에서 직접 작동합니다.
- 데이터 URI를 이미지로 다시 디코딩할 수 있습니까?
- 예. 데이터 URI를 붙여 넣으면 Toova가 다운로드할 준비가 된 원본 이미지로 디코딩합니다. HTML 또는 CSS 파일에서 인라인 이미지를 추출하는 데 유용합니다.
- 제 이미지가 어디로든 전송됩니까?
- 아니요. 인코딩은 전적으로 브라우저에서 이루어집니다.