1. IronPDF
2. Solución de problemas
3. Formato HTML Pixel Perfect

Formato HTML Pixel Perfect en IronPDF

Para que tus PDF tengan un aspecto perfecto, tendrás que desarrollar excelentes plantillas HTML o trabajar con un desarrollador web que lo haga por ti. Este artículo de resolución de problemas se toma de un tutorial completo sobre depuración de su HTML.

1. Depure y pruebe su HTML

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

Uso básico

Este ejemplo de código renderizará PDFs que son perfectos en píxeles en el último navegador de escritorio Chrome.

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
renderer.RenderingOptions.PrintHtmlBackgrounds = True

Desarrollo HTML avanzado

Los desarrolladores avanzados de usuario de Chrome pueden lograr una precisión del 100% al usar la configuración predeterminada de IronPDF y habilitar 'Emular medios CSS > Pantalla'

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen
renderer.RenderingOptions.PrintHtmlBackgrounds = True

2. Comparar el resultado

Para comparar el resultado, abra su HTML en el navegador web de escritorio Chrome.

Nota: Exporte cualquier cadena HTML y activos a archivos HTML independientes y edítelos manualmente, o pida ayuda a un desarrollador web

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

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

4. Seleccione la opción "Guardar como PDF

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

5. Ejecute IronPDF

Ahora el HTML es perfecto, ejecútelo a través de IronPDF, y se verá idéntico. Utilice {PlaceHolders} para combinar datos del cliente. ¡Los ejemplos de código en https://ironpdf.com/examples/using-html-to-create-a-pdf realmente ayudarán!

Si este tutorial no ayuda a resolver su problema, por favor Contacte al Soporte de Ingeniería, y adaptaremos y mejoraremos nuestra documentación para asistirle mejor.