Guida introduttiva alle infografiche

Importante: sebbene i grafici Google dinamici e interattivi vengano gestiti attivamente, abbiamo ufficialmente ritirato i grafici statici Google nel 2012. È stato disattivato il 18 marzo 2019.

In questa pagina vengono descritte le nozioni di base sull'utilizzo del server delle infografiche per creare le immagini.

Norme di utilizzo delle infografiche

Non c'è limite al numero di richieste che puoi inviare al giorno per le infografiche. Tuttavia, ci riserviamo il diritto di bloccare qualsiasi utilizzo che consideriamo illecito.

1. Per iniziare
2. Ottimizzazioni
   1. Riduzione del tempo di caricamento
   2. Utilizzare POST

Come iniziare

Il server delle infografiche restituisce un'immagine in risposta a una richiesta URL GET o POST. Tutti i dati necessari per creare l'immagine sono inclusi nell'URL, compresi tipo e dimensioni dell'immagine. Ad esempio, copia e incolla il seguente URL nel browser:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world

L'immagine che vedi è una rappresentazione del codice QR della frase "Hello World". Prova a cambiare la frase con il tuo nome e ad aggiornare il browser. Tutto qui!

Di seguito puoi trovare una spiegazione aggiuntiva dell'URL:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world https://chart.googleapis.com/chart? - Tutti gli URL delle infografiche iniziano con questo URL principale, seguito da una o più coppie parametro/valore. I parametri obbligatori e facoltativi sono specifici per ogni immagine. Leggi la documentazione relativa all'immagine. chs: le dimensioni dell'immagine in pixel, nel formato <larghezza>x<altezza> cht. Tipo di immagine: "qr" significa codice QR. chl: i dati da codificare. Deve essere codificato come URL.

Ottimizzazioni

Ecco alcune ottimizzazioni delle immagini:

Migliorare il tempo di caricamento delle pagine con molte immagini

Se la pagina ha solo poche immagini, l'URL di base standard https://chart.googleapis.com/chart dovrebbe essere corretto. Tuttavia, se hai molte immagini, puoi aggiungere un numero da 0 a 9 e un punto appena prima di chart.apis.google.com. Se specifichi un numero diverso per ogni immagine nella pagina, il browser tenterà di caricare più immagini contemporaneamente, anziché attendere di caricarle in sequenza. Tuttavia, dovrebbe essere necessario solo se stai caricando cinque o più immagini per pagina. Ad esempio:

• http://0.chart.apis.google.com/chart?cht=...
• http://1.chart.apis.google.com/chart?cht=...
• http://2.chart.apis.google.com/chart?cht=...
• ...

Utilizzare POST

Gli URL hanno una lunghezza massima di 2K, quindi se le tue immagini hanno più dati, dovrai utilizzare POST anziché GET. (GET si intende quando digiti l'URL dell'immagine nella barra degli URL del browser o lo utilizzi come origine di un elemento <img> in una pagina web. POST richiede programmazione aggiuntiva in un altro linguaggio, come PHP o PERL.

Puoi utilizzare POST anche quando generi una pagina in modo programmatico.

Scopri come utilizzare POST per richiedere un'immagine.