브라우저에서 처리하는 비공개 이미지 작업 공간
이미지 Data URI 변환기
JPG, PNG, WebP 등 브라우저에서 읽을 수 있는 이미지를 HTML, CSS, 웹 개발용 Data URI로 변환하세요.
이미지를 Data URI로
브라우저 로컬 처리
실제 작업에서 유용한 경우
- • 작은 아이콘이나 이미지를 HTML 또는 CSS에 직접 삽입하기.
- • 개발이나 테스트용으로 독립적인 테스트 데이터 만들기.
- • 원본 이미지를 업로드하지 않고 브라우저에서 생성한 Data URI 복사하기.
다운로드 전에 확인할 점
- • Base64/Data URI 인코딩은 주변 구문을 제외하고도 데이터 크기를 약 3분의 1가량 늘립니다.
- • 큰 이미지는 따로 캐시될 수 있도록 일반 파일로 두세요.
‘이미지 Data URI 변환기’ 사용 방법
- 1. 원본 선택: 가지고 있는 가장 선명한 원본 이미지로 시작하세요.
- 2. 목적지 설정: 실제로 필요한 픽셀, 형식, 레이아웃 또는 파일 크기 요구 사항과 관련된 설정만 사용하세요.
- 3. 처리 및 확인: 로컬에서 새 사본을 만들고 눈에 보이는 결과와 표시된 속성을 확인하세요.
- 4. 다운로드 및 검증: 완성된 사본을 저장하고 이를 받을 양식, 웹사이트 또는 워크플로의 요구 사항과 대조하세요.
한계 알아두기
- • Data URI는 압축 형식이 아닙니다.
- • 아주 큰 삽입 문자열은 HTML과 CSS 유지 관리를 어렵게 만들 수 있습니다.
브라우저 내 비공개 처리
작업은 브라우저에서 실행됩니다. 원본 파일은 보관하고, 다운로드한 사본이 목적지의 현재 요구 사항에 맞는지 확인하세요.
자주 묻는 질문
Data URI로 바꾸면 이미지가 작아지나요?
아니요. Base64 인코딩은 보통 텍스트 양을 늘립니다. 작은 리소스를 편하게 다루기 위한 용도이지 압축용이 아닙니다.
이미지가 업로드되나요?
아니요. 브라우저가 선택한 파일을 읽어 로컬에서 Data URI를 만듭니다.