Come convertire HTML in PDF
- Incolla il tuo HTML, inserisci il tuo codice HTML, incluso il CSS inline o i tag
<style>, nell'editor. Il codice può includere la struttura completa di pagina con intestazioni, tabelle, immagini e stili. - Visualizza l'anteprima del rendering, un'anteprima dal vivo mostra esattamente come il tuo PDF sarà reso mentre digiti. Regola HTML e CSS finché il rendering corrisponde alle tue aspettative.
- Genera e scarica, clicca sul pulsante di generazione per creare il PDF nel tuo browser, poi scaricalo all'istante.
- Fatture e ricevute, tabelle strutturate con identità aziendale, righe di articoli e totali
- Report, documenti formattati con titoli, paragrafi, grafici e tabelle di dati
- Certificati, layout stilizzati con caratteri personalizzati, bordi e testo centrato
- Lettere, corrispondenza professionale con intestazione, corpo e zona di firma
- CV, layout curati esportati in PDF pulito per le tue candidature
<style>, i fogli di stile esterni non sono caricati. Posiziona tutto il tuo CSS sia inline sugli elementi, sia in un blocco <style> dell'HTML.</p>
<p>Definisci i margini di pagina, usa @page { margin: 20mm; } in CSS per controllare lo spazio attorno al tuo contenuto nel PDF.</p>
<p>Usa unità adatte alla stampa, mm, cm e pt sono più prevedibili nei PDF di px o rem. Usa mm per margini e spaziature che devono corrispondere a dimensioni fisiche.</p>
<p>Evita i layout dipendenti dalla finestra, le larghezze in percentuale e le larghezze in pixel fissi funzionano meglio. Le unità legate alla finestra (vw, vh) possono non comportarsi come previsto nel PDF.</p>
<h2>Consigli</h2>
- Visualizza prima l'anteprima, verifica sempre l'anteprima dal vivo prima di generare. È molto più rapido iterare sull'HTML che rigenerare un PDF ogni volta.
- Usa base64 per le immagini, converti le immagini in Data URI base64 per garantire la loro inclusione nel PDF. Gli URL esterni possono fallire a causa delle restrizioni CORS.
- Mantieni semplice, i layout CSS complessi (griglie annidate, elementi posizionati sovrapposti) possono non essere resi perfettamente. Layout più semplici danno PDF più affidabili.
- Testa le interruzioni di pagina, per i documenti multipagina, usa
page-break-before: alwaysper controllare dove iniziano le nuove pagine.
Domande frequenti
Il PDF preserva il mio stile CSS?
Sì. Il convertitore renderizza il tuo HTML con il CSS applicato, inclusi colori, caratteri, margini e layout. Il PDF assomiglia alla pagina web renderizzata, non al codice sorgente grezzo.
Posso includere immagini nel PDF?
Sì. Usa immagini in base64 (Data URI) per i risultati più affidabili. Gli URL di immagini esterne possono funzionare se sono accessibili e compatibili CORS.
Il mio HTML viene inviato a un server?
No. La conversione avviene interamente nel tuo browser. Il tuo codice e il PDF generato non lasciano mai il tuo dispositivo.
Quali funzionalità CSS sono supportate?
Il CSS standard, inclusi layout, colori, caratteri, sfondi, bordi e tabelle, è ben supportato. Le funzioni avanzate come CSS Grid, animazioni complesse e alcuni casi limite di Flexbox possono essere limitati.