HTML to PDF

Convert web pages or HTML content to professional PDF documents with our easy-to-use tool

PDF Settings

Page Size

Page Orientation

Include Background

Preserve background colors and images from the source in your PDF.

Input Source

<!DOCTYPE html>
<html>
<head>
    <title>Sample Document</title>
    <style>body { 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            padding: 30px; 
            background-color: #f9f9f9;
            color: #333;
            line-height: 1.6;
        }
        .content { 
            max-width: 800px; 
            margin: 0 auto; 
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        h1 { 
            color: #ff5e5b; 
            text-align: center;
            margin-bottom: 25px;
            border-bottom: 2px solid #00cecb;
            padding-bottom: 15px;
        }
        p {
            margin-bottom: 15px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            background: white;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
        }
        th, td {
            border: 1px solid #e1e1e1;
            padding: 12px 15px;
            text-align: left;
        }
        th {
            background-color: #f5f6fa;
            font-weight: 600;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 20px 0;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .highlight {
            background-color: #fffacd;
            padding: 5px;
            border-radius: 3px;
        }</style>
<script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/*.php","\/wp-(admin|includes|content|login|signup|json)(.*)?","\/*\\?(.+)","\/(cart|checkout|logout)(.*)?"]}}]},"eagerness":"moderate"}]}</script></head>
<body>
    <div class="content">
        <h1>HTML to PDF Conversion</h1>
        <p>This is a sample HTML document that can be converted to PDF.</p>
        <p>Our converter preserves all styles, tables, images, and formatting.</p>
        
        <h2>Key Features</h2>
        <ul>
            <li>Convert any webpage or HTML content to PDF</li>
            <li>Preserve all formatting and styling</li>
            <li>Support for images and tables</li>
            <li>Customizable page settings</li>
            <li>Easy to use interface</li>
        </ul>
        
        <h2>Sample Data Table</h2>
        <table>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>
            </tr>
            <tr>
                <td>John Doe</td>
                <td>john@example.com</td>
                <td>Developer</td>
            </tr>
            <tr>
                <td>Jane Smith</td>
                <td>jane@example.com</td>
                <td>Designer</td>
            </tr>
            <tr>
                <td>Robert Johnson</td>
                <td>robert@example.com</td>
                <td>Project Manager</td>
            </tr>
        </table>
        
        <p>This tool is <span class="highlight">completely free</span> to use and runs entirely in your browser. No server processing required!</p>
        
        <img decoding="async" src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80" alt="Sample image" loading="lazy" fetchpriority="low">
        
        <p>Try converting this sample document to PDF to see how it works!</p>
    </div>
</body>
</html>

Preview

Content will appear here after fetching URL or previewing HTML

Generating PDF document...

HTML to PDF

PDF Settings

How to Convert a Webpage to PDF