Erste Schritte mit Infografiken

Wichtig:Während die dynamischen und interaktiven Google-Diagramme aktiv verwaltet werden, haben wir die statischen Google-Bilddiagramme schon seit 2012 offiziell eingestellt. Sie wurde am 18. März 2019 deaktiviert.

Auf dieser Seite werden die Grundlagen der Erstellung von Bildern mit dem Server für Infografiken beschrieben.

Nutzungsrichtlinie für Infografiken

Die Anzahl der Anfragen für Infografiken pro Tag ist nicht begrenzt. Wir behalten uns jedoch das Recht vor, jegliche Nutzung zu sperren, die wir als missbräuchlich ansehen.

  1. Einstieg
  2. Optimierungen
    1. Ladezeit verbessern
    2. POST verwenden

Erste Schritte

Der Server für Infografiken gibt ein Bild als Antwort auf eine URL-GET- oder POST-Anfrage zurück. Alle zum Erstellen der Grafik erforderlichen Daten sind in der URL enthalten, einschließlich Bildtyp und -größe. Kopieren Sie beispielsweise die folgende URL und fügen Sie sie in Ihren Browser ein:

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

Das Bild, das Sie sehen, ist eine QR-Code-Darstellung des Ausdrucks „Hello World“. Versuchen Sie, den Ausdruck in Ihren eigenen Namen zu ändern, und aktualisieren Sie die Seite im Browser. Das ist schon alles!

Weitere Informationen zur URL:

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

  • https://chart.googleapis.com/chart? - Alle URLs für Infografiken beginnen mit dieser Stamm-URL, gefolgt von mindestens einem Parameter/Wert-Paar. Die erforderlichen und optionalen Parameter gelten für jedes Bild. Weitere Informationen dazu finden Sie in der Dokumentation zu Bildern.
  • chs – Bildgröße in Pixeln im Format <Breite>x<Höhe>
  • cht – Bildtyp: „qr“ steht für QR-Code.
  • chl – Daten, die codiert werden sollen. Muss URL-codiert sein.

Optimierungen

Hier sind einige Optimierungen für Bilder:

Ladezeit von Seiten mit vielen Bildern verbessern

Wenn sich auf deiner Seite nur wenige Bilder befinden, sollte die Standard-Basis-URL https://chart.googleapis.com/chart in Ordnung sein. Wenn Sie jedoch viele Bilder haben, können Sie eine Zahl zwischen 0 und 9 und einen Punkt unmittelbar vor chart.apis.google.com einfügen. Wenn Sie für jedes Bild auf Ihrer Seite eine andere Anzahl angeben, versucht der Browser, mehr Bilder gleichzeitig zu laden, anstatt darauf zu warten, dass sie nacheinander geladen werden. Das solltest du aber nur tun, wenn du vielleicht fünf oder mehr Bilder auf einer Seite lädst. Beispiel:

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

POST verwenden

URLs sind auf 2 KB beschränkt. Wenn deine Bilder also mehr Daten enthalten, musst du POST anstelle von GET verwenden. Bei GET-Anfragen geben Sie die Bild-URL in die URL-Leiste Ihres Browsers ein oder verwenden sie als Quelle eines <img>-Elements auf einer Webseite. POST erfordert zusätzliche Programmierung in einer anderen Sprache wie PHP oder PERL.

Sie können POST auch verwenden, wenn Sie eine Seite programmatisch erstellen.

Hier erfahren Sie, wie Sie mit POST ein Bild anfordern.