Formateo HTML Pixel Perfect en IronPDF

1. Depura y prueba tu HTML

Puedes depurar tu HTML, CSS y JS en tu Chrome o en un navegador de escritorio similar. Luego, cuando sepas que funciona perfectamente, conéctalo a IronPDF y se verá idéntico a como se ve en Chrome.

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

2. Comparar el resultado

Para comparar el resultado, abre tu HTML en el navegador web de escritorio Chrome.

Nota: Exporta cualquier cadena HTML y activos a archivos HTML independientes y edítalos manualmente, o pide ayuda a un desarrollador web.

3. Abra la ventana de vista previa de impresión (Ctrl+P en Windows)

Es posible que necesites cambiar el tamaño del papel y habilitar la impresión de imágenes de fondo en el diálogo de impresión de Chrome.

4. Seleccione la opción 'Guardar como PDF'

Una vez que 'Imprimir a PDF' en Chrome sea perfecto, IronPDF lo igualará.

5. Ejecutar IronPDF

Ahora, que el HTML es perfecto, ejecútalo a través de IronPDF, y se verá idéntico. Usa {PlaceHolders} para fusionar en datos del cliente. ¡Los ejemplos de código en Ejemplos de IronPDF realmente te ayudarán!

Si este tutorial no ayuda a resolver tu problema, entonces por favor Contacta al Soporte de Ingeniería, y adaptaremos y mejoraremos nuestra documentación para asistirte más.