Image to Base64
Convert images to Base64
Convert images to Base64 브라우저에서 로컬로 실행됩니다.
About the
Image to Base64 변환기는 모든 이미지 파일을 HTML, CSS 또는 JSON에 바로 붙여넣을 수 있는 Base64 데이터 URI로 변환합니다. 파일은 브라우저의 자체 파일 판독기로 읽고 로컬로 인코딩되므로 업로드되지 않으므로 제3자에게 보내고 싶지 않은 로고와 자산을 안전하게 보관할 수 있습니다. Base64는 크기를 약 1/3만큼 확장하고 문자열이 페이지에서 인라인으로 끝나는 시점이 중요하기 때문에 문자 수가 결과 옆에 표시됩니다.
Where people use the
- 이메일 템플릿이 외부 자산 없이 렌더링되도록 작은 로고를 삽입합니다.
- 단일 파일 HTML 문서에 아이콘을 포함합니다.
- 텍스트만 허용하는 JSON 페이로드에 이미지를 넣습니다.
- HTTPS를 통해 제공되는 페이지에서 혼합 콘텐츠 경고를 방지합니다.
How to use the
- 1
이미지를 선택하세요
업로드 컨트롤을 사용하여 이미지 파일을 선택하세요. PNG, JPEG, GIF 및 SVG와 같은 일반적인 형식이 모두 허용됩니다.
- 2
인코딩을 기다리세요
파일을 읽으면 데이터 URI가 텍스트 영역에 나타납니다. 파일이 클수록 시간이 조금 더 걸립니다.
- 3
문자열을 복사하세요
복사 버튼을 사용하여 data: 접두사 및 미디어 유형을 포함한 전체 데이터 URI를 가져옵니다.
- 4
필요한 곳에 붙여넣으세요.
이미지 태그의 src, CSS url() 값 내 또는 JSON 페이로드의 필드로 사용하세요.
팁 및 모범 사례
- 인라인 이미지를 작게 유지하세요. 문자열은 파일보다 약 1/3 더 큽니다.
- data: 접두사를 포함하여 전체 데이터 URI를 복사하세요. 그렇지 않으면 브라우저가 이를 렌더링하지 않습니다.
- 사진의 경우 파일을 인라인하는 대신 파일을 호스팅하고 링크하세요.
자주 묻는 질문
이미지가 어디에 업로드되어 있나요?
아니요. 파일은 브라우저에서 읽고 인코딩되므로 장치 외부로 유출되지 않습니다. 이것이 업로드를 수행하는 온라인 변환기보다 이것을 사용하는 주된 이유입니다.
문자열이 파일보다 훨씬 긴 이유는 무엇입니까?
Base64는 4개의 문자로 3바이트를 나타내므로 결과는 다른 오버헤드 이전의 원본 파일보다 약 1/3 더 큽니다.
페이지에 이미지를 삽입해야 하나요?
작은 것들만. 인라인은 요청을 저장하지만 파일이 별도로 캐시되는 것을 차단하고 HTML을 더 크게 만들기 때문에 사진이 아닌 아이콘과 작은 로고에 적합합니다.
다른 방향으로 갈 수 있나요?
여기는 아닙니다. 이 도구는 이미지 파일을 텍스트로 인코딩합니다. 디코딩에는 Base64 디코더와 원본 미디어 유형이 필요합니다.
파일 크기 제한이 있나요?
아무것도 업로드되지 않으므로 서버 제한이 없습니다. 매우 큰 이미지는 다루기 힘든 문자열을 인코딩하고 생성하는 데 여전히 시간이 걸립니다.