이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS

파일은 절대 기기를 벗어나지 않습니다

이미지를 여기에 놓으세요

또는 클릭하여 파일 선택

JPG, PNG, WebP, GIF, SVG

자주 묻는 질문

Base64 인코딩이란 무엇인가요?

Base64는 이진 바이트를 ASCII 문자로 표현합니다. Vizua는 선택한 JPG, PNG, WebP, GIF 또는 SVG 이미지 한 개를 데이터 URL로 읽고 HTML img 및 CSS background 코드 조각도 준비합니다. 삽입된 콘텐츠를 디코딩, 최적화, 정리하거나 검증하지는 않습니다.

Base64 이미지는 언제 사용해야 하나요?

전체 사용 대상의 크기, 캐시, 보안 정책, 파서 및 유지관리상의 절충을 받아들일 수 있을 때만 데이터 URL을 사용하세요. 보편적인 10 KB 기준은 없습니다. 별도 파일은 독립적으로 캐시하고 업데이트할 수 있지만, 삽입 데이터는 이를 포함한 문서의 크기를 늘립니다.

Base64가 파일 크기를 늘리나요?

Base64 페이로드 길이는 4 × ceil(원본 바이트 ÷ 3)이며, 큰 입력에서는 약 33%의 오버헤드에 데이터 URL의 미디어 유형 접두사와 패딩이 더해집니다. Vizua가 표시하는 Base64 크기는 전체 데이터 URL 문자열을 세므로, 순수 페이로드나 압축 후 전송 크기와 정확히 같지 않습니다.

이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS로 할 수 있는 작업

이미지를 Base64 데이터 URI로 인코딩하세요. HTML img 태그와 CSS background를 얻을 수 있습니다. 처리 결과를 확인한 뒤 도구가 제공하는 해당 형식으로 내려받을 수 있습니다.

이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS는 최신 브라우저에서 빠르고 반복적인 작업을 하기 위해 설계되었습니다. 이 페이지의 설정을 이용하면 소프트웨어를 설치하거나 계정을 만들지 않고 결과를 준비할 수 있습니다.

이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS 사용 방법

처리할 파일을 선택하거나 끌어다 놓고, 도구가 요구하는 정보가 있다면 입력합니다.
처리하기 전에 형식, 크기, 품질, 색상 등 결과에 영향을 주는 설정을 확인합니다.
결과를 확인해 새 파일을 내려받고, 다른 버전이 필요할 때를 위해 원본은 변경하지 않은 채 보관합니다.

개인정보 보호를 기본으로 설계

파일은 절대 기기를 벗어나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.

더 나은 결과를 위한 팁

가능한 한 상태가 좋은 원본을 사용하세요. 작거나 흐리거나 심하게 압축된 파일은 보존할 세부 정보가 적습니다.
다운로드 전에 크기와 형식을 확인해 결과가 사용할 웹사이트, 앱, 프린터 또는 플랫폼에 맞는지 확인하세요.
큰 파일을 처리할 때는 불필요한 탭을 닫고 전체 묶음을 처리하기 전에 대표 파일 하나로 먼저 시험하세요.
공유하거나 원본을 대체하기 전에 다운로드한 결과를 한 번 열어 확인하세요.

작업 흐름에서 이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS를 사용하는 시점

이미지를 Base64로 변환 — 데이터 URI, HTML 및 CSS를 한 번의 조정에 사용하거나 게시, 공유, 보관 또는 다른 애플리케이션에서 추가 편집하기 전 준비 단계로 활용할 수 있습니다. 일괄 처리가 가능하면 먼저 적은 수의 샘플에서 설정을 확인한 뒤 나머지 파일에 적용하세요.