Wprowadzenie do infografik

Ważne:Chociaż dynamiczne i interaktywne Wykresy Google są aktywnie utrzymywane, automatycznie wycofaliśmyStatyczny wykres obrazów Google2. Została wyłączona 18 marca 2019 r.

Ta strona zawiera podstawowe informacje o tworzeniu obrazów na serwerze infografiki.

Zasady korzystania z infografiki

Nie ma ograniczeń co do liczby żądań usunięcia infografiki dziennie. Zastrzegamy sobie jednak prawo do blokowania wszelkich przypadków użycia, które uznamy za nadużycie.

  1. Pierwsze kroki
  2. Optymalizacje
    1. Poprawianie czasu wczytywania
    2. Użycie metody POST

Pierwsze kroki

Serwer infografiki zwraca obraz w odpowiedzi na żądanie URL GET lub POST. W adresie URL znajdują się wszystkie dane wymagane do utworzenia grafiki, w tym typ i rozmiar obrazu. Na przykład skopiuj ten adres URL i wklej go w przeglądarce:

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

Obraz, który widzisz, to kod QR reprezentujący wyrażenie „Hello, World”. Zmień je na własne imię i odśwież przeglądarkę. Gotowe!

Oto nieco więcej informacji na temat tego adresu URL:

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

  • https://chart.googleapis.com/chart? - Wszystkie adresy URL infografiki zaczynają się od tego głównego adresu URL, po którym następuje co najmniej jedna para parametr/wartość. Wymagane i opcjonalne parametry są inne w przypadku każdego zdjęcia. Zapoznaj się z dokumentacją danego zdjęcia.
  • chs – rozmiar obrazu w pikselach, w formacie <szerokość>x<wysokość>.
  • cht – typ obrazu: „qr” oznacza kod QR.
  • chl – dane do zakodowania. Musi być zakodowany na potrzeby adresu URL.

Optymalizacje

Oto kilka optymalizacji Twoich obrazów:

Skrócenie czasu wczytywania stron z wieloma obrazami

Jeśli masz na stronie tylko kilka obrazów, standardowy podstawowy adres URL https://chart.googleapis.com/chart powinien być prawidłowy. Jeśli jednak masz wiele obrazów, możesz dodać liczbę od 0 do 9 oraz kropkę tuż przed chart.apis.google.com. Jeśli określisz inny numer dla każdego obrazu na stronie, przeglądarka będzie próbowała wczytać więcej obrazów jednocześnie, zamiast czekać, aż będą ładowane po kolei. Jest to jednak potrzebne tylko wtedy, gdy na stronie wczytujesz co najmniej 5 obrazów. Na przykład:

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

Użycie POST

Adresy URL mogą mieć maksymalnie 2 KB, więc jeśli Twoje obrazy zawierają więcej danych, musisz użyć metody POST zamiast GET. Metoda GET polega na wpisaniu adresu URL obrazu na pasku adresu przeglądarki lub przez użycie go jako źródła elementu <img> na stronie internetowej. POST wymaga dodatkowego programowania w innym języku, np. PHP lub PERL.

Możesz też użyć metody POST do automatycznego generowania strony.

Dowiedz się więcej o wysyłaniu żądania obrazu za pomocą metody POST