이미지를 온라인 또는 C#에서 Base64로 인코딩

이미지를 Base64 인코딩 문자열로 변환합니다. JPG, JPEG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP 및 기타 이미지 형식이 지원됩니다.

Download from NuGet
 

Aspose.SVG for .NET Aspose.SVG for .NET

  Free Trial   Pricing Buy

Base64 인코딩

Base64는 바이너리 데이터를 ASCII 텍스트 형식으로 변환하는 유사한 인코딩 체계 그룹입니다. Base64는 일반적으로 인터넷을 통해 데이터를 전송하는 데 사용됩니다. 이미지를 Base64로 변환한 결과는 라틴 문자, 숫자 및 “+” 및 “/“의 두 문자 집합입니다. 모든 브라우저는 그것들로 무엇을 해야할지 알고 있습니다. 즉, Base64는 일종의 바이너리-텍스트 인코딩입니다. Base64로 인코딩된 문자열은 일반 Base64, JSON, XML, 데이터 URI 또는 ​​CSS와 같은 다양한 출력 형식으로 사용됩니다.

Base64는 HTML 및 CSS 파일과 같은 텍스트 리소스 내에 이미지 파일 또는 기타 이진 리소스를 포함하는 기능을 포함하는 웹에서 특히 일반적입니다. HTML 파일에 이미지 데이터를 포함한다는 것은 이미지가 HTML 문서에 이미 포함되어 있기 때문에 브라우저가 파일을 검색하기 위해 추가 웹 요청을 할 필요가 없음을 의미합니다. 작은 이미지에만 Base64 인코딩을 사용하는 것이 좋습니다. Base64 이미지가 크면 HTML에 많은 코드가 생성되어 성능상의 이점이 손실됩니다. 또한 Base64 이미지는 이미지 검색에 표시되지 않기 때문에 Google에서 색인을 생성하지 않습니다.

온라인에서 이미지를 Base64로 변환

Aspose.SVG for .NET API로 이미지를 실시간으로 인코딩하세요! 로컬 파일 시스템에서 이미지를 로드하면 데이터 URI, Base64 이미지 소스 및 Base64 CSS 배경 소스로 즉시 결과를 얻을 수 있습니다. SVG, JPG, JPEG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP 및 기타 이미지 형식이 지원됩니다.

C#에서 이미지를 Base64로 변환

이 문서에서는 Aspose.SVG .NET API 기능을 사용하여 이미지 파일을 Base64 문자열로 인코딩하는 방법을 고려합니다. 다음 C# 예제에서는 PNG 이미지를 Base64 문자열로 변환하고 SVG 파일에 포함하는 방법을 보여줍니다. ReadAllBytes(string) 메서드는 이미지(바이너리 파일)를 열고 파일의 내용을 바이트 배열로 읽는 데 사용됩니다. ToBase64String(bytes) 메서드는 8비트 정수 배열을 기본 64자리로 인코딩된 해당 문자열 표현으로 변환합니다. 그런 다음 AppendChild() 메서드는 Base64로 인코딩된 이미지를 SVG 문서에 추가합니다.

PNG 이미지를 Base64로 변환하는 C# 코드

    // Open a binary file - PNG image
    var bytes = File.ReadAllBytes(@"image.png");
    // Initialize an SVGDocument object
    var document = new SVGDocument();
    // Create an image element
    var img = (SVGImageElement)document.CreateElementNS("http://www.w3.org/2000/svg", "image");
    // Convert image to base64
    img.Href.BaseVal = "data:image/png;charset=utf-8;base64," + Convert.ToBase64String(bytes);
    // Add the image element into the SVG document
    document.RootElement.AppendChild(img);
    // Save the SVG document
    document.Save(@"image-base64.svg");

결과 image-base64.svg 파일의 일부는 아래와 같습니다. SVG 코드 예제를 어지럽히지 않도록 Base64 문자열을 잘랐습니다. Base64 이미지를 URI 데이터로 포함하는 형식은 구체적으로 다음과 같습니다.

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

Base64 이미지를 포함하는 SVG 코드

<svg xmlns="http://www.w3.org/2000/svg">
	<image href="data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUg..." alt="Red border"/>
</svg>

HTML에 Base64 이미지 포함


이미지를 Base64로 변환해야 하는 이유는 무엇입니까? Base64로 인코딩된 이미지는 <img> 태그를 사용하여 HTML에 포함할 수 있습니다. 데이터 URI를 사용하여 이미지 데이터를 HTML 파일에 직접 붙여넣기만 하면 됩니다. Base64 인코딩 및 데이터 URI 체계 사용은 브라우저가 웹 페이지를 렌더링하는 데 필요한 HTTP 요청 수를 줄입니다. 이 코드 스니펫은 Base64 이미지를 HTML에 삽입하는 방법을 보여줍니다.

Base64 이미지를 데이터 URI로 포함하는 HTML 코드

<body>
    <div>
        <img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg..." alt="Red border">
    </div>
</body>

데이터 URI는 쉼표로 구분된 두 부분으로 구성됩니다. 첫 번째 부분은 Base64로 인코딩된 이미지를 지정하고 두 번째 부분은 Base64로 인코딩된 이미지 문자열을 지정합니다.

  1. data:image/jpeg;base64는 데이터 URI 스키마 헤더입니다.
  2. ‘iVBORw0KGgoAAAANSUhEUg…‘는 인코딩된 Base64 데이터입니다.

CSS 배경 코드로 포함된 Base64 이미지의 예


이미지에 대한 HTTP 요청 수를 줄이는 또 다른 방법은 CSS background-image 속성 사용입니다. background-image 속성은 이미지를 요소의 배경으로 정의합니다. background-image 속성의 각 이미지는 URL 또는 이미지 데이터 URI로 지정할 수 있습니다. 차이점은 첫 번째 경우에는 브라우저가 외부 이미지를 가져오기 위해 HTTP 요청을 보내는 반면 두 번째 경우에는 Base64 이미지가 문서에 직접 포함되고 다른 소스를 지정하지 않는다는 것입니다. 따라서 브라우저는 출력을 전달하기 위해 HTTP 요청을 로드할 필요가 없습니다.

Base64 이미지를 데이터 URI로 포함하는 CSS 코드

body {
    background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}

온라인 Base64 인코더

온라인 Base64 인코더 는 SVG 문서 또는 이미지 파일의 콘텐츠를 base-64 숫자로 인코딩된 동등한 문자열 표현으로 변환합니다. 또한 데이터 URI, JSON, XML 등에 대한 예제도 제공합니다. 인코딩 도구를 사용하면 웹 사이트 콘텐츠나 이메일 메시지를 읽을 수 없게 만드는 다양한 데이터 인코딩 문제를 피할 수 있습니다. Base64 인코더는 안전하고 사용하기 쉬우며 완전히 무료입니다. 모든 브라우저와 운영 체제에서 작동합니다. 지금 무료로 이미지를 Base64로 변환하세요!

.NET 라이브러리용 Aspose.SVG 설치

Aspose.SVG for .NET은 SVG 문서 처리 및 렌더링을 위한 광범위한 기능을 제공하도록 설계된 크로스 플랫폼 유연한 라이브러리입니다. .NET 앱에 원활하게 통합되어 타사 소프트웨어를 설치하지 않고도 SVG 파일로 작업할 수 있습니다. SVG .NET API는 C#, VB.NET, ASP.NET 등과 같은 모든 .NET 언어와 함께 사용할 수 있습니다. Mono(.NET 4.0 Framework 지원)를 설치하거나 .NET을 사용할 수 있는 모든 OS에서 동일하게 잘 작동합니다. 핵심. 여기에는 Windows, Linux 및 macOS가 포함됩니다.

NuGet을 통한 .NET용 Aspose.SVG 설치:

  1. 패키지 관리자 콘솔 사용.
  2. NuGet 패키지 관리자 GUI 사용.

C# 라이브러리 설치에 대한 자세한 내용은 Aspose.SVG Documentation 을 참조하십시오.

기타 지원되는 인코더

이미지를 Base64로 인코딩할 수 있습니다. JPG, PNG, BMP, GIF, TIFF, ICO 및 SVG 형식이 지원됩니다.