Die Webpage to Icon-API konvertiert URLs into Symbole, versuchen Sie es einfach Demo um es in Aktion zu sehen. Die Webpage to Icon-API ist nicht einfach ein Favicon-Grabber, sondern basiert das endgültige Symbol auf allen verfügbaren Symbolen für die Webseite. Wenn keine Symbole verfügbar sind, wird eines für die Webseite generiert. Das ausgewählte Quellensymbol, der Hintergrund und der ausgewählte Rahmen können sich je nach Benutzeranforderungen ändern.
Um mit der API zu beginnen, ersetzen Sie das APPLICATION KEY-Textbeispiel im folgenden Aufruf durch Ihr Anwendungsschlüssel Stellen Sie dann den Größenparameter ein, der standardmäßig 32 ist. Geben Sie zum Schluss die Webseite an, die Sie umblättern möchten into ein Symbol, indem die erforderliche URL an den URL-Parameter übergeben wird. Im folgenden Beispiel https://www.astropioneer.blog/ wird konvertiert into Ein 48x48-Pixelsymbol.
//api.grabz.it/services/icon?key=Sign in to view your Application Key&size=48&url=https://www.astropioneer.blog/
Es ist eine gute Idee, das zu behalten url Parameter als letzter Parameter in der Abfragestring Dadurch wird vermieden, dass die meisten an die Webseite an die Icon-API übergebenen URLs per URL codiert werden müssen.
Während das Icon mit einer serverseitigen Sprache wie PHP heruntergeladen werden kann. Es kann auch direkt auf einer Webseite angezeigt oder wie unten gezeigt in JavaScript verwendet werden. Denken Sie daran, dass bei Verwendung der Icon-API auf einer Webseite die Domäne der Webseite zur Liste hinzugefügt werden muss autorisierte Domains.
<img src="//api.grabz.it/services/icon?key=Sign in to view your Application Key&size=48&url=https://www.astropioneer.blog/"/>
<script>
fetch('https://api.grabz.it/services/icon?key=Sign in to view your Application Key&size=48&url=https://www.astropioneer.blog/')
.then(response => response.blob())
.then(blob => {
console.log(blob);
});
</script>
Ein Symbol kann auch transformiert werden, indem Sie die Transformation, die Sie anwenden möchten, über die folgenden Optionen übergeben. Ein Beispiel dafür ist hier zu sehen, wo die Transformation das resultierende Symbol Sepia erzeugt.
//api.grabz.it/services/icon?key=Sign in to view your Application Key&transform=sepia&size=48&url=https://www.astropioneer.blog/
Die Webpage to Icon-API akzeptiert die folgenden vier Parameter.
| Name | Beschreibung | Optionen |
|---|---|---|
| Schlüssel | Ihr Anwendungsschlüssel | Dieser Parameter ist erforderlich um ein Bildsymbol zu erstellen |
| URL | Die URL der zu konvertierenden Webseite into ein Symbol | Dieser Parameter ist erforderlich um ein Bildsymbol zu erstellen |
| Größe | Die Größe des resultierenden Quadratsymbols | 32 würde also zu einem 32x32px-Symbol führen |
| transformieren | Die Transformation, die auf das resultierende Symbol angewendet werden soll. Der Standardwert ist none. |
blackandwhite - Erstellen Sie ein Schwarz-Weiß-Symbolgrayscale - Erstellen Sie ein Graustufensymbolinverse - Invertieren Sie die Farben des Symbolssepia - Erstelle ein sepiafarbenes Icon |
| Quelle | Definieren Sie die bevorzugte Quelle für Symbole, die in verwendet werden Erzeugen des fertigen Icons. Der Standardwert ist all. |
all - Verwenden Sie alle Arten von Symbolenfavicon - Verwenden Sie nur Faviconsmetadata - Verwenden Sie nur die Metadatensymbole der Webseite |
Die Webpage to Icon-API kann die folgenden Fehlercodes zurückgeben.
| Code | Beschreibung |
|---|---|
| 100 | Keine URL angegeben |
| 103 | Fehlender Anwendungsschlüssel |
| 104 | Nicht erkannter Anwendungsschlüssel |
| 114 | Symbolgröße ungültig |
| 401 | Die Domäne, in der diese API verwendet wird, muss sein zugelassen. |
| 500 | Ein Upgrade ist erforderlich |