1. IronPDF
  2. ハウツー
  3. DataUri と画像埋め込み

C#とVBでDataURIを使って画像を埋め込む PDFレンダリング

カーティス・チャウ
カーティス・チャウ
更新日:
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 Icon今すぐ NuGet で PDF を作成してみましょう:

  1. NuGet パッケージ マネージャーを使用して IronPDF をインストールします

    PM > Install-Package IronPdf

  2. このコード スニペットをコピーして実行します。

    new IronPdf.ChromePdfRenderer.StaticRenderHtmlAsPdf("<img src='data:image/png;base64,...' />").SaveAs("output.pdf");

  3. 実際の環境でテストするためにデプロイする

    今すぐ無料トライアルでプロジェクトに IronPDF を使い始めましょう
    arrow pointer

最小限のワークフロー（5ステップ）

  1. NuGetからIronPDFをダウンロードする。
  2. ReadAllBytesメソッドを使用して画像のバイトを読み取ります。
  3. バイトをbase64に変換するには、ToBase64Stringメソッドを使用します。
  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

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

カーティス・チャウ
カーティス・チャウ
  今すぐエンジニアリングチームとチャット
テクニカルライター

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

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

準備はできましたか？
Nuget ダウンロード 16,493,056 | Version: 2025.11 リリース