Base64
Image Data URL
⚠️ Large image may freez the browser
PNG를 Base64 데이터 URI로 변환합니다
온라인 도구를 사용하여 PNG 이미지를 Base64 또는 DataURL 형식으로 변환하세요. 이미지를 업로드하고 원하는 형식을 선택하고 코드를 생성합니다. 프로젝트에 삽입하기 위해 결과를 복사합니다. Base64 및 DataURL 출력이 인라인 이미지 데이터를 필요로 하는 웹 개발 워크플로우를 지원합니다.
Image → Base64 / Data URL
Click or Drag & Drop an Image
이미지들을 Base64 또는 Data URL로 변환하세요
1
이미지 업로드
PNG 이미지를 클릭하거나 드래그하여 지정된 영역에 업로드하세요.
2
출력 형식 선택하세요
'Base64' 또는 'DataURL' 탭을 선택하여 원하는 출력 형식을 선택하세요.
3
뷰 베이스64 코드 보기
베이스64 또는 데이터URL 코드는 탭 아래 텍스트 영역에 표시됩니다.
4
생성된 코드 복사
'복사' 버튼을 클릭하여 생성된 코드를 빠르게 클립보드에 복사하십시오.
웹사이트에 직접 PNG 이미지를 삽입하세요
PNG 이미지를 Base64 데이터 URI로 변환하여 HTML에 직접 포함시킵니다. 이 방법은 외부 파일의 필요성을 없애 HTTP 요청 수를 줄이고 웹사이트 성능을 향상시킵니다. 개발자는 생성된 코드 조각을 HTML에 붙여넣어 통합을 간소화하고 로딩 효율성을 높일 수 있습니다. 외부 의존성을 최소화하는 데 중요한 시나리오에 적합하며 정적 사이트 구현이나 내부 리소스 관리와 같은 경우에 특히 유용합니다.
빠른 복사 변환 코드
프로젝트에서 추가 파일 없이 PNG 이미지를 Base64 또는 DataURL 코드로 생성하여 사용하세요. 이 도구는 PNG 파일을 인코딩된 문자열로 변환하여 프로젝트에 이미지를 직접 삽입할 수 있게 해줍니다. 이미지를 업로드하고 원하는 형식을 선택한 다음 생성된 코드를 복사하여 작업에 원활하게 통합하십시오.
자주 묻는 질문
Base64 또는 DataURL은 무엇입니까?
Base64와 DataURL은 이미지를 텍스트 문자열로 표현하는 방법입니다. 이를 통해 이미지를 별도의 이미지 파일 없이 HTML 또는 CSS 내부에 직접 포함할 수 있습니다.
이 PNG를 Base64/DataURL 도구로 사용하는 방법을 알려주세요.
PNG 이미지를 업로드하세요. 그런 다음 ‘Base64’ 또는 ‘DataURL’ 탭을 클릭하여 해당 코드를 생성합니다. 생성된 코드를 빠르게 복사하려면 ‘복사’ 버튼을 사용하십시오.
생성된 코드를 어디에 사용할 수 있나요?
이미지를 HTML, CSS, JavaScript 프로젝트에 직접 포함하는 데 Base64 또는 DataURL 코드를 사용할 수 있습니다. 작은 이미지, 아이콘 또는 외부 HTTP 요청을 피하고 싶을 때 유용합니다.
이 도구를 사용할 때 제한 사항이 있나요?
큰 이미지는 변환 과정에서 컴퓨터를 느리게 만들 수 있습니다. 이 도구는 작은 크기에서 중간 크기 PNG 이미지에 가장 적합합니다.
어떤 이미지 형식들이 지원되나요?
이 도구는 특히 PNG 이미지용으로 설계되었습니다. 다른 형식은 현재 지원되지 않습니다.