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

Lorsqu'on travaille avec des chaînes et documents HTML, il est souvent utile de ne pas dépendre d'un répertoire d'actifs. Pour contourner ce problème, nous utilisons le schéma URI de données.

Le schéma URI de données est une méthode utilisée dans le développement web pour intégrer des données directement dans le code HTML ou CSS, éliminant ainsi le besoin de fichiers séparés. Les URIs de données permettent aux images, fichiers et même polices de caractères d'être injectés directement dans un document HTML en tant que chaîne.

Démarrage rapide : Intégrer des images dans des PDFs en utilisant des DataURIs

Transformez facilement votre contenu HTML en documents PDF en intégrant des images à l'aide de DataURIs avec IronPDF. Ce guide rapide aide les développeurs à rendre des PDFs avec des images intégrées en utilisant un code simple et efficace. Avec IronPDF, vous pouvez convertir sans problème du HTML en PDF tout en maintenant l'intégrité des images. Jetons un coup d'œil à un exemple simple qui démontre comment intégrer une image directement dans votre document PDF en utilisant DataURI avec un code minimal.

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">

Flux de travail minimal (5 étapes)

  1. Télécharger IronPDF depuis NuGet
  2. Lire les octets de l'image en utilisant la méthode ReadAllBytes
  3. Utiliser la méthode ToBase64String pour convertir les octets en base64
  4. Inclure les informations base64 dans la balise img
  5. Rendre le HTML en PDF


Exemple de base d'intégration d'image

L'exemple suivant montre le rendu d'une image dans un document HTML sans fichier d'actif :

: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

Nous pouvons également servir une chaîne HTML complète ou un document PDF sous forme de tableau d'octets en utilisant l'intégration MVC ASP.NET d'IronPDF.

Curtis Chau
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite
Prêt à commencer?
Nuget Téléchargements 16,154,058 | Version : 2025.11 vient de sortir