Embed Images with DataURIs in C# & VB PDF Rendering

This article was translated from English: Does it need improvement?
Translated
View the article in English

HTML 文字列やドキュメントを扱う際、アセットディレクトリに依存しないことがしばしば便利です。 この問題を回避するために、データ URI スキーム を使用します。

データ URI スキームは、ウェブ開発でデータを直接 HTML や CSS コードに埋め込むための方法で、分離されたファイルを必要としません。 データ URI により、画像、ファイル、さらには字体も HTML ドキュメントに文字列として直接挿入できます。

クイックスタート: DataURI を使用して PDF に画像を埋め込む

IronPDF を使用して、DataURI を用いて画像を埋め込み、HTML コンテンツを PDF ドキュメントに簡単に変換します。 このクイックガイドは、開発者がシンプルで効率的なコードを使用して画像が埋め込まれた PDF をレンダリングするのに役立ちます。 IronPDF を使用すると、画像の完全性を維持しながら HTML を PDF にシームレスに変換できます。 最小限のコードで DataURI を使用して画像を PDF ドキュメントに直接埋め込む方法を示すわかりやすい例を見てみましょう。

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronPDF with NuGet Package Manager

    PM > Install-Package IronPdf

  2. Copy and run this code snippet.

    new IronPdf.ChromePdfRenderer.StaticRenderHtmlAsPdf("<img src='data:image/png;base64,...' />").SaveAs("output.pdf");
  3. Deploy to test on your live environment

    Start using IronPDF in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

最小ワークフロー (5 ステップ)

  1. NuGet から IronPDF をダウンロード
  2. ReadAllBytes メソッドを使用して画像のバイトを読み込む
  3. ToBase64String メソッドを使用してバイトを base64 に変換する
  4. img タグに base64 情報を含める
  5. HTML を PDF にレンダリングする


基本的な画像埋め込み例

以下の例は、アセットファイルなしで HTML ドキュメントに画像をレンダリングする方法を示しています。

:path=/static-assets/pdf/content-code-examples/how-to/datauris-image.cs
using IronPdf;
using System;

// Read byte from image file
var pngBinaryData = System.IO.File.ReadAllBytes("My_image.png");

// Convert bytes to base64
var ImgDataURI = @"data:image/png;base64," + Convert.ToBase64String(pngBinaryData);

// Import base64 to img tag
var ImgHtml = $"<img src='{ImgDataURI}'>";

ChromePdfRenderer Renderer = new ChromePdfRenderer();

// Render the HTML string
var pdf = Renderer.RenderHtmlAsPdf(ImgHtml);

pdf.SaveAs("datauri_example.pdf");
Imports IronPdf
Imports System

' Read byte from image file
Private pngBinaryData = System.IO.File.ReadAllBytes("My_image.png")

' Convert bytes to base64
Private ImgDataURI = "data:image/png;base64," & Convert.ToBase64String(pngBinaryData)

' Import base64 to img tag
Private ImgHtml = $"<img src='{ImgDataURI}'>"

Private Renderer As New ChromePdfRenderer()

' Render the HTML string
Private pdf = Renderer.RenderHtmlAsPdf(ImgHtml)

pdf.SaveAs("datauri_example.pdf")
$vbLabelText   $csharpLabel

HTML 文字列または PDF ドキュメント全体を IronPDF の ASP.NET MVC 統合を使用してバイト配列として提供することもできます。

Curtis Chau
テクニカルライター

Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。

開発以外にも、CurtisはIoT(Internet of Things)への強い関心を持ち、ハードウェアとソフトウェアの統合方法を模索しています。余暇には、ゲームをしたりDiscordボットを作成したりして、技術に対する愛情と創造性を組み合わせています。

準備はいいですか?
Nuget ダウンロード 16,154,058 | バージョン: 2025.11 ただ今リリースされました