a11y.skipToMainContent
1

Base64 이미지

Base64 데이터 URI로 이미지를 인코딩 - CSS, HTML 또는 JSON으로 붙여 넣기. 선택 CSS <code>url(...)</code> 래퍼.

common.dragImageHere, paste from clipboard (Ctrl+V), or

Preview

Was this tool helpful?
Send Image to:
Advertisement

How to use Image to Base64

  1. 본문 바로가기.
  2. 토글 데이터: prefix 및 CSS 래퍼 필요에 따라.
  3. 결과 복사.

이미지를 Base64로 변환은 무엇입니까?

Base64 인코딩 된 이미지는 HTML 또는 CSS에서 직접 삽입되어 추가 HTTP 요청을 피합니다. CSS 파일에 작은 아이콘, 배경에 유용한, 또는 외부 자산이 허용되지 않는 코드에 embedding. 참고: 인코딩 추가 ~33% 크기 — 작은 이미지에만 사용.

Advertisement

FAQ

이미지를 Base64를 사용할 때?
HTTP를 통해 그렇지 않으면 로드되는 작은 이미지 (~5KB 이하). 더 큰 이미지의 경우, 일반 이미지 파일은 더 빠릅니다.
Base64 인코딩 증가 파일 크기?
예, Base64 인코딩은 일반적으로 약 33%의 데이터 크기를 증가하므로로드 시간에 영향을 고려합니다.
인코딩 프로세스는 개인입니까?
절대로, 이미지는 브라우저에서 완전히 처리됩니다. 데이터가 외부 서버에 전송되지 않습니다.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement