Pixel Perfect HTML Formatting
To make your PDFs look perfect, you'll need to develop excellent HTML templates or work with a web dev to do it for you. This article is taken from a full tutorial on Debugging Your HTML.
1. Debug and Test your HTML
You can debug your HTML, CSS and JS in your Chrome or 'a similar' desktop browser. Then, when you know it works perfectly - connect it to IronPDF, and it will look identical to the way it looks in Chrome.
Basic Use
ChromePdfRenderer Renderer = new ChromePdfRenderer(); Renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print; Renderer.RenderingOptions.PrintHtmlBackgrounds = true;
Advanced Html Development
Advanced Chrome user developers can match with 100% precision, by using IronPDFs default settings and enabling " Emulate CSS media > Screen" https://developer.chrome.com/docs/devtools/css/print-preview/ChromePdfRenderer Renderer = new ChromePdfRenderer(); Renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen; Renderer.RenderingOptions.PrintHtmlBackgrounds = true;
2. To compare the result, open your HTML in the Chrome desktop web browser
Note: Export any HTML string and assets to stand alone HTML files and edit them manually, or ask a friendly web developer to help

3. Open the Print Preview window (Ctrl+P on Windows)
You may need to change the paper size and enable printing background images in the Chrome Print dialog.
4. Select the Save as PDF option
Once Print to PDF in Chrome is perfect - IronPDF will match it.
