Introdução aos infográficos

Importante: embora o Gráficos Google dinâmico e interativo seja mantido ativamente, nós descontinuamos oficialmente os gráficos estáticos do Google Imagens em 2012. Ele foi desativado em 18 de março de 2019.

Nesta página, descrevemos as noções básicas do servidor de infográficos para criar imagens.

Política de uso de infográficos

Não há limite para o número de solicitações diárias que você pode fazer para infográficos. No entanto, nos reservamos o direito de bloquear qualquer uso que considerarmos abusivo.

1. Primeiros passos
2. Otimizações
   1. Como melhorar o tempo de carregamento
   2. Como usar POST

Primeiros passos

O servidor de infográficos retorna uma imagem em resposta a uma solicitação de URL GET ou POST. Todos os dados necessários para criar o gráfico estão incluídos no URL, incluindo o tipo e o tamanho da imagem. Por exemplo, copie e cole o seguinte URL no seu navegador:

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

A imagem que você vê é uma representação de código QR da frase "Hello World". Tente trocar a frase pelo seu nome e atualize o navegador. Isso é tudo o que precisa.

Veja um pouco mais sobre o URL:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world https://chart.googleapis.com/chart? - Todos os URLs do infográfico começam com esse URL raiz, seguido por um ou mais pares de parâmetros/valores. Os parâmetros obrigatórios e opcionais são específicos para cada imagem. Leia a documentação da imagem. chs: tamanho da imagem em pixels, no formato <width>x<height> cht: tipo de imagem: "qr" significa código QR. chl: os dados a serem codificados. Precisa ser codificado para uso em URL.

Otimizações

Aqui estão algumas otimizações para suas imagens:

Como melhorar o tempo de carregamento em páginas com muitas imagens

Se você tiver apenas algumas imagens na sua página, use o URL base padrão https://chart.googleapis.com/chart. No entanto, se você tiver muitas imagens, adicione um número de 0 a 9 e um ponto logo antes de chart.apis.google.com. Se você especificar um número diferente para cada imagem na sua página, o navegador vai tentar carregar mais imagens simultaneamente, em vez de esperar para carregá-las em sequência. No entanto, você só precisará disso se estiver carregando cinco ou mais imagens em uma página. Exemplo:

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

Como usar POST

Os URLs têm um limite de 2.000 caracteres. Portanto, se as imagens tiverem mais dados do que isso, você terá que usar POST em vez de GET. GET é quando você digita o URL da imagem na barra de URL do navegador ou o usa como fonte de um elemento <img> em uma página da Web. O POST requer programação adicional em outra linguagem, como PHP ou PERL.

Você também pode usar POST ao gerar uma página de forma programática.

Leia sobre como usar o método POST para solicitar uma imagem.