03 gennaio 2022

da HTML a PDF con immagini e collegamenti

Generare un PDF da un file HTML è semplice.

Su tutti i sistemi operativi che uso è installata una stampante virtuale PDF. 

Su Windows si chiama Microsoft Print to PDF. Su Mac OS c'è la spunta 'PDF' nella pop-up delle opzioni di stampa. In Ubuntu, si chiama 'stampa su PDF'. 

Quindi abbiamo aperto il browser, abbiamo caricato una pagina HTML, la stampiamo e così generiamo un PDF.

Il PDF ottenuto è un PDF valido, ma ha perso un po' della ricchezza della pagina originale: i collegamenti interni alle sezioni e quelli esterni ad altri siti non funzionano più.

E i link?

Come fare per mantenere i collegamenti http o https?

Ho trovato un sito web che produce un PDF più vicino al documento originale.

E' gestito dall'azienda Sejda, e lo trovate qui: https://www.sejda.com/it/html-to-pdf

E' una azienda simpatica che si fa pubblicità anche attraverso i link nelle pagine web dei blogger come me!

Save blog as PDF

Nel mio caso specifico, avevo prodotto un file locale, sul mio computer. Ho potuto caricarlo sul loro sito e convertirlo rapidamente. 

Sejda è abbastanza fiscale sui file caricati dal vostro computer: se il file non ha estensione .html, non lo prende. Punto.

E le immagini?

Nel mio caso specifico, avevo inserito nella paginetta HTML il link ad una immagine in una cartella locale.

In questo caso, non è possibile caricare le immagini collegate al file HTML insieme al file stesso.

Devo obbligatoriamente metterle su internet e fornire un collegamento valido per tutti, un link pubblico.

Un modo semplice è utilizzare un sito di condivisione di immagini, ad esempio Imgur.

Se invece vogliamo mantenere un controllo maggiore sull'immagine e sul collegamento, possiamo caricarli su un album condiviso di Google Photo.

La procedura per ottenere un link da inserire nella pagina non è proprio banale.

L'ho trovata documentata qui:

https://support.google.com/photos/thread/9590592/how-to-get-photo-link-on-google-photo?hl=en

E' necessario:

  1. Creare un album condiviso con l'immagine
  2. Chiedere il link all'immagine
  3. Apire il link con una finestra privata o un altro browser
  4. Piazzarsi con il mouse sull'immagine, usare il tasto destro e farsi dare il collegamento all'immagine: ci verrà restituita una stringa di collegamento molto più lunga di quella originale, che potremmo inserire nel nostro documento HTML

A questo punto il convertitore di Sejda può caricare il file HTML, e le immagini, e produrre un pdf con i collegamenti esterni, interni, e le immagini.