Kunst-QR-Code API-Antrag und Nutzung

Der Kunst-QR-Code ist ein innovatives technisches Produkt, das QR-Codes mit ansprechenden Hintergrundbildern kombiniert und so sowohl praktische als auch ästhetische Werke schafft. Sie bieten nicht nur die Funktionalität traditioneller QR-Codes, die von intelligenten Geräten schnell gescannt und erkannt werden können, sondern fügen auch künstlerische Elemente hinzu, die die visuelle Anziehungskraft und die Markenidentität erhöhen. Einige Kunst-QR-Codes werden sogar von künstlicher Intelligenz generiert, nutzen moderne Technologien voll aus und zeigen unvergleichliche Innovation und Einzigartigkeit. Dies macht Kunst-QR-Codes in den Bereichen Markenmarketing und Werbung weit verbreitet. Einfach gesagt, der Kunst-QR-Code ist die perfekte Kombination aus dem Scannen von QR-Codes und künstlerischer Ästhetik. Er bietet nicht nur die Funktion der Informationsübertragung, sondern verbessert auch das visuelle Erlebnis der Nutzer, sodass jeder Scan ein künstlerisches Vergnügen ist.

Überblick über die Werke

Schauen wir uns zunächst einige QR-Code-Werke an:

Wie gefällt Ihnen das? Diese QR-Codes sind Kunst-QR-Codes, die die perfekte Kombination aus Bild und QR-Code realisieren und künstlerischer sind als gewöhnliche QR-Codes. Und das Wichtigste ist, dass jeder QR-Code gescannt werden kann!

Wie erstellt man sie?

Möchten Sie einen solchen QR-Code erstellen? Wie erstellt man einen solchen Kunst-QR-Code? Technisch gesehen ist das relativ komplex. In der heutigen AI-Ära basiert die Lösung für Kunst-QR-Codes auf Stable Diffusion. Durch die Eingabe von Prompts können wir entsprechende Bilder generieren und schließlich durch die Kombination einiger QR-Code-Inhalte diesen Effekt erzielen. Die größte Herausforderung besteht also darin: Wie kann man den QR-Code sowohl ansprechend als auch künstlerisch gestalten, während er gleichzeitig korrekt gescannt werden kann? Um ehrlich zu sein, ist diese Technik ziemlich schwierig und erfordert eine Menge Parameteranpassungen, um ein etwas besseres Ergebnis zu erzielen. 99 % der Menschen geben bereits im ersten Schritt auf. Angenommen, wir haben durch ständiges Anpassen tatsächlich einen solchen Effekt erzielt, ist der tatsächliche Betrieb auch mit erheblichen Kosten verbunden. Wenn es schnell gehen soll, benötigt man möglicherweise eine leistungsstarke GPU, die leicht mehrere tausend Euro kosten kann. Einige Freunde könnten sagen: Ich möchte nicht so viel Energie aufwenden, ich möchte nicht so viel Geld ausgeben, ich möchte einfach einen Kunst-QR-Code erstellen oder ich möchte diese Fähigkeit in mein Produkt integrieren. Wäre es nicht schön, wenn es eine solche fertige API gäbe? Gibt es das? Tatsächlich gibt es das. Diese Plattform bietet eine API zur Generierung von Kunst-QR-Codes an. Wir können die API aufrufen, verschiedene Parameter eingeben, wie z.B. Bildinhalt, QR-Code-Link, Stilrichtung usw., und so sehr einfach den gewünschten Kunst-QR-Code generieren. Außerdem gibt es bei der ersten Anfrage 20 kostenlose Zeichnungen.

API-Antrag

Um die Kunst-QR-Code-API zu nutzen, können Sie zunächst auf die Seite Kunst-QR-Code API gehen und auf die Schaltfläche „Erhalten“ klicken:

Wenn Sie noch nicht eingeloggt sind, werden Sie automatisch zur Anmeldeseite weitergeleitet. Scannen Sie den QR-Code, um dem offiziellen Konto zu folgen, und Sie werden automatisch eingeloggt, ohne zusätzliche Registrierungsschritte. Nach dem Einloggen werden Sie zur ursprünglichen Seite zurückgeleitet, wo angezeigt wird: „Sie haben diesen Dienst noch nicht beantragt, Sie müssen einen Antrag stellen.“ Bei der Antragstellung wird die Echtheit der Identität überprüft. Bitte folgen Sie den Anweisungen auf der Website, um die Identitätsprüfung abzuschließen. Die Identitätsprüfung überprüft Name, Telefonnummer und Personalausweisnummer. Nach der Bestätigung können Sie zur Seite zurückkehren, die Seite aktualisieren, um sicherzustellen, dass die Informationen aktualisiert wurden, und dann erneut einen Antrag stellen.

Grundlegende Nutzung

Um die grundlegendsten Funktionen des Kunst-QR-Codes zu nutzen, müssen die folgenden erforderlichen Parameter ausgefüllt werden:

type: Der Typ des QR-Codes, z.B. reiner Text, Link usw.
content: Der Inhalt des QR-Codes, z.B. wenn es sich um einen Link handelt, können wir den entsprechenden Link eingeben.
prompt: Die Stilzeichnung des QR-Codes, es wird dringend empfohlen, Englisch zu verwenden. Zum Beispiel wird pizza einen QR-Code zeichnen, der wie eine Pizza aussieht.
callback_url: Optional, die asynchrone Rückrufadresse, die nach Bereitstellung sofort die Aufgaben-ID zurückgibt.
content_image_url: Optional, der Bildlink, der den echten QR-Code-Inhalt enthält.
aspect_ratio: Optional, das Seitenverhältnis der Leinwand, standardmäßig 1:1.
ecl: Fehlerkorrekturstufe, standardmäßig H.
qrw: QR-Code-Gewicht, 1.5-3, je größer, desto näher am echten QR-Code.
seed: Fester Zufallswert, um reproduzierbare QR-Codes zu generieren.
steps: Anzahl der Iterationsschritte beim Zeichnen, 10-20, standardmäßig 16.
preset: Voreingestellter Hintergrundstil.
pattern: Hauptstil, standardmäßig benutzerdefiniert.
position: Position des QR-Codes, standardmäßig zentriert.
marker_shape: Form des Positionierungspunkts, standardmäßig quadratisch.
sub_marker: Form des Hilfspositionierungspunkts, standardmäßig quadratisch.
pixel_style: Pixelstil, z.B. quadratisch, abgerundet, Punkt.
padding_level/padding_noise: Weißraum- und Rauschintensität.
rotate: Drehwinkel, standardmäßig 0.
rawurl: Ob der ursprüngliche Link beibehalten werden soll, standardmäßig false, nach Aktivierung wird kein Kurzlink erstellt.

Nun generieren wir einen QR-Code für die offizielle Website von Zhishuyun, der Typ ist Link, der Inhalt ist https://data.zhishuyun.com, und der Prompt lautet wie folgt:

(best quality, masterpiece:1.2), underwater, ((pirate ship)), close up, zoom in, absurdes, big waves, twister, water falling, tentacles, ((glowing lights)), ((lighting storm)), fog, smoke, 4k res, 8k, higly detailed textures, cinematic shot, intricate details, side view

Füllen Sie auf der Testseite die folgenden Inhalte aus:

Klicken Sie dann auf Test:

Nach einer Weile wird der Kunst-QR-Code generiert, das Ergebnis sieht ähnlich aus wie folgt:

{
  "task_id": "a7e8831c-203d-447e-83fc-71783c766446",
  "image_url": "https://qrart.cdn.zhishuyun.com/attachments/1132182283529494652/1136344944630563006/Germey_2023-08-02__64ca8da51e5834b500e077bf.png",
  "image_width": 768,
  "image_height": 768
}

Der QR-Code ist wie folgt:

So haben wir einen QR-Code generiert, dessen Hauptmotiv ein Schiff ist, das mehrere Flaggen hisst, und diese Flaggen bilden genau die Positionierungspunkte des QR-Codes. Scannen Sie einfach mit Ihrem Handy, und Sie gelangen zur offiziellen Website von Zhishuyun. Gleichzeitig können wir den oben genannten Inhalt sehr einfach in einen API-Aufruf umwandeln.

Prompt-Leitfaden

Durch die oben genannten Schritte können wir sehen, dass der Schlüssel zum Kunst-Qr-Code in der Erstellung des Prompts liegt. Was gibt es beim Schreiben des Prompts zu beachten? Tatsächlich handelt es sich hierbei um allgemeine Stable Diffusion-Prompt-Anweisungen. Der Kunst-Qr-Code basiert auf der Stable Diffusion-Technologie mit einigen speziellen Anpassungen, daher ist sein Eingabe-Prompt identisch mit dem von Stable Diffusion. Wenn Sie noch nicht wissen, was Stable Diffusion ist, können Sie sich auf der offiziellen Website informieren: https://stablediffusionweb.com/, sowie über Prompt-Tutorials und -Leitfäden: https://stable-diffusion-art.com/prompt-guide/. Darüber hinaus hat Stable Diffusion einen Prompt-Generator erstellt, der uns hilft, Prompts zu generieren: https://stablediffusionweb.com/prompt-generator. Außerdem gibt es einige Websites mit Sammlungen von Prompt-Beispielen: https://publicprompts.art/ Der obige Inhalt dient nur als Referenz. Für mehr Informationen können Sie selbst nach Materialien zu Stable Diffusion suchen und lernen.

Erweiterte Parameter

Diese API bietet auch viele erweiterte Parameter, um mehr Funktionen anzupassen. Die Erläuterungen sind wie folgt:

preset: Voreingestellter Hintergrundstil. Stil des QR-Code-Hintergrunds, wie surrealistischer Stil, Neon-Effekt, handgezeichneter Stil usw.
steps: Anzahl der Iterationen beim Zeichnen. Je höher die Anzahl, desto stärker wird der künstlerische Stil des QR-Codes, der Bereich liegt zwischen 10-20, standardmäßig 16.
qrw: Gewicht des QR-Codes. Je höher das Gewicht, desto näher kommt das Bild dem echten QR-Code, aber der künstlerische Stil wird schwächer, der Wertebereich liegt zwischen 1.5-3, standardmäßig 1.5.
seed: Zufallszahl. Wird zur Generierung zufälliger QR-Codes verwendet. Bei gleichen Samen ist der generierte QR-Code-Stil identisch, der Bereich liegt zwischen 1-9007199254740991.
rawurl: Ob der ursprüngliche Link beibehalten werden soll. Standardmäßig wird der Eingabelink in einen Kurzlink umgewandelt, was die Scanrate erhöhen kann, dieser Wert ist standardmäßig false.
padding_level: Innenabstand des QR-Codes. Größe des Innenabstands des QR-Codes.
aspect_ratio: Seitenverhältnis des QR-Codes.
position: Position des QR-Codes.
pixel_style: Pixelstil des QR-Codes.
marker_shape: Form des QR-Code-Positionierungsrahmens.
sub_marker: Stil des QR-Code-Submarkierungs.
rotate: Rotationswinkel des QR-Codes.
ecl: Fehlerkorrekturstufe des QR-Codes.
padding_noise: Rauschpegel im Innenabstand des QR-Codes.
pattern: Voreingestellte QR-Code-Kombination. Voreingestellte Kombinationen von QR-Code-Stilen, wie der Stil des Positionierungsrahmens (quadratisch, rund usw.) und der Stil der Punkte (quadratisch, rund usw.).

Im Folgenden werden wir einige erweiterte Parameter der Kunst-Qr-Code-API im Detail betrachten und einige davon vorstellen.

Voreinstellung preset

Die Kunst-Qr-Code-API hat viele vordefinierte Vorlagen eingerichtet, dieser Parameter wird preset genannt, die Werte sind wie folgt:

sunset（日落）: Verschmilzt die warmen Farbtöne und sanften Lichteffekte des Sonnenuntergangs.
floral（花卉）: Eine Kunststil mit Blumen- und Pflanzenelementen, der die Schönheit der Natur betont.
snowflakes（雪花）: Eine eisige Welt mit der kalten Atmosphäre von Eiskristallen und Schneeflocken.
feathers（羽毛）: Präsentiert Merkmale von Federn und Vögeln und schafft ein leichtes und weiches Gefühl.
raindrops（雨滴）: Inspiriert von Regentropfen und Wassertropfen, schafft einen frischen, feuchten Effekt.
ultra-realism（超现实）: Extrem realistische Details und Texturen, die einen Effekt jenseits der Realität erzeugen.
epic-realms（史诗领域）: Majestätische Szenen und episches Gefühl, die ein grandioses visuelles Erlebnis bieten.
intricate-studio（错综复杂）: Ein Stil voller Details und Komplexität, der sorgfältige Beobachtung erfordert, um vollständig verstanden zu werden.
symmetric-masterpiece（对称杰作）: Schafft durch symmetrische Elemente eine exquisite Balance und Harmonie.
luminous-highway（发光高速公路）: Betont den leuchtenden Effekt bei Nacht, wie Scheinwerfer und Neonlichter.
celestial-journey（星际之旅）: Erforscht die fantastischen Reisen durch das Universum und interstellare Räume.
neon-mech（霓虹机械）: Kombiniert Neonlichter und mechanische Elemente und schafft ein futuristisches Gefühl.
ethereal-low-poly（飘渺低多边形）: Ein Low-Poly-Stil, der einen illusorischen und abstrakten Effekt erzeugt.
golden-vista（金色景观）: Dominierend in goldenen Tönen, präsentiert eine spektakuläre visuelle Szenerie.
cinematic-expanse（电影式广袤）: Weite Szenen mit filmischem Gefühl, die fesseln.
cinematic-warm（电影式温暖）: Warme Farbtöne und Lichteffekte mit filmischer Qualität.
desolate-wilderness（荒凉荒野）: Beschreibt Ödland und Wildnis und schafft ein Gefühl der Einsamkeit.
vibrant-palette（鲜明调色板）: Farbenreich und vielfältig, mit starkem Farbkontrast.
enigmatic-journey（神秘之旅）: Erforscht eine Reise voller Rätsel und Geheimnisse.
timeless-cinematic（永恒电影）: Ein Stil mit filmischer Qualität, der zeitlos ist.
regal-galaxy（皇家星系）: Ein Sternensystem mit königlichem Flair und universellen Elementen.
illustrious-canvas（杰出画布）: Schafft herausragende und auffällige Leinwand-Effekte.
expressive-mural（富有表现力的壁画）: Ein großflächiger Wandmalstil, der voller Ausdruckskraft und Emotionen ist.
serene-haze（宁静薄雾）: Mit einem ruhigen und nebligen Effekt, der eine friedliche Atmosphäre schafft.

Wir versuchen nun die Effekte verschiedener Parameter, zum Beispiel nehmen wir sunset（日落） und raindrops（雨滴） als Beispiel, um die Effekte zu betrachten.

curl -X POST "https://api.zhishuyun.com/qrart/generate?token={token}" \
  -H "accept: application/json" \
  -H "content-type: application/json" \
  -d '{
    "type": "link",
    "content": "https://data.zhishuyun.com",
    "prompt": "sakura",
    "preset": "sunset"
  }'

Hier haben wir das preset auf sunset（日落效果） gesetzt, das Ergebnis ist wie folgt:

Wenn wir den Stil ändern, zum Beispiel das preset auf raindrops（雨滴效果） setzen, ist das Ergebnis wie folgt:

Über andere Einstellungen können Sie selbst experimentieren.

二维码宽高比 aspect_ratio

Durch den aspect_ratio Parameter können wir das Seitenverhältnis des QR-Codes einstellen, zum Beispiel quadratisch 1:1, rechteckig 16:9 usw. Dieser Parameter:

768x768: Seitenverhältnis 1:1, was bedeutet, dass die Breite und Höhe der Leinwand gleich sind. Die entsprechende Pixelgröße beträgt 768x768, der generierte QR-Code ist quadratisch.
1008x576: Seitenverhältnis 16:9, was bedeutet, dass die Breite der Leinwand 16/9 mal die Höhe ist. Die entsprechende Pixelgröße beträgt 1008x576, der generierte QR-Code hat eine größere Breite, geeignet für Breitbildanzeigen.
576x1008: Seitenverhältnis 9:16, was bedeutet, dass die Breite der Leinwand 9/16 mal die Höhe ist. Die entsprechende Pixelgröße beträgt 576x1008, der generierte QR-Code hat eine größere Höhe, geeignet für Hochformatanzeigen.
864x672: Seitenverhältnis 4:3, was bedeutet, dass die Breite der Leinwand 4/3 mal die Höhe ist. Die entsprechende Pixelgröße beträgt 864x672, der generierte QR-Code hat einen leicht quadratischen Eindruck, geeignet für allgemeine Anzeigen.
672x864: Seitenverhältnis 3:4, was bedeutet, dass die Breite der Leinwand 3/4 mal die Höhe ist. Die entsprechende Pixelgröße beträgt 672x864, der generierte QR-Code hat einen leicht vertikalen rechteckigen Eindruck, geeignet für allgemeine Anzeigen.

curl -X POST "https://api.zhishuyun.com/qrart/generate?token={token}" \
  -H "accept: application/json" \
  -H "content-type: application/json" \
  -d '{
    "type": "link",
    "content": "https://data.zhishuyun.com",
    "prompt": "Fish",
    "aspect_ratio": "576x1008"
  }'

Hier haben wir versucht, einen rechteckigen QR-Code zu generieren, das Ergebnis ist wie folgt:

二维码位置 position

Wir können auch den position Parameter verwenden, um die Position des QR-Codes zu steuern, zum Beispiel wenn ein Bild ein Mädchen in einem Kleid zeigt und wir den QR-Code an der Stelle des Kleides platzieren und mit ihm verschmelzen möchten, können wir versuchen, die Position des QR-Codes zu ändern, ein Beispielaufruf ist wie folgt:

curl -X POST "https://api.zhishuyun.com/qrart/generate?token={token}" \
  -H "accept: application/json" \
  -H "content-type: application/json" \
  -d '{
    "type": "link",
    "content": "https://data.zhishuyun.com",
    "prompt": "eines der schönen Mädchen im Mondlicht im Hintergrund, im Stil des pixelierten Chaos, von Rokoko inspirierte Kunst, dunkles Weiß und himmelblau, aus Plastik, zarte Blumen, Gongbi, Wimmelbilder",
    "position": "bottom",
    "aspect_ratio": "576x1008"
  }'

Die Wirkung ist wie folgt:

QR-Code Pixelstil pixel_style

Wir können auch den Pixelstil des QR-Codes anpassen, indem wir pixel_style übergeben, die möglichen Parameterwerte sind wie folgt:

square (quadratisch): Verwendung quadratischer Pixel-Einheiten, jede Pixel-Einheit hat die Form eines Quadrats.
rounded (abgerundet): Pixel-Einheiten haben abgerundete Ecken, wodurch der generierte QR-Code weicher und moderner aussieht.
dot (punktuell): Verwendung kleiner runder Punkte als Pixel-Einheiten, der generierte QR-Code zeigt einen Punktmuster-Effekt, ähnlich dem Druckeffekt.
squircle (abgerundetes Quadrat): Ähnlich wie ein abgerundetes Rechteck, aber näher an der Form eines Kreises, verleiht dem generierten QR-Code einen einzigartigen Stil.
row (Reihenanordnung): Anordnung der Pixel-Einheiten in Reihen, zeigt ein horizontales Muster.
column (Spaltenanordnung): Anordnung der Pixel-Einheiten in Spalten, zeigt ein vertikales Muster.

Stilvorschau wie folgt:

QR-Code Rahmenstil marker_shape

Durch marker_shape kann der Stil des Positionierungsrahmens angepasst werden, die möglichen Parameterwerte sind wie folgt:

square (quadratisch): Die Markierungsform ist quadratisch, um bestimmte Positionen oder Elemente hervorzuheben.
circle (kreisförmig): Die Markierungsform ist kreisförmig, kann verwendet werden, um Schlüsselbereiche oder Elemente zu kennzeichnen.
plus (Pluszeichen): Die Markierungsform ist ein Pluszeichen, ähnlich einem Kreuz, um Aufmerksamkeit oder bestimmte Informationen hervorzuheben.
box (Rechteck): Die Markierungsform ist ein Rechteck, ähnlich einem umrandeten Rechteck, kann verwendet werden, um Bereiche oder Elemente zu umschließen.
octagon (Achteck): Die Markierungsform ist ein Achteck, mit einzigartigen Ecken, um visuelle Anziehung zu erzeugen.
random (zufällig): Die Markierungsform ist zufällig verteilt, um dem QR-Code einen künstlerischen und visuellen Reiz zu verleihen.
tiny-plus (winziges Pluszeichen): Ein winziges Pluszeichen, kann verwendet werden, um feine Elemente oder Details zu kennzeichnen.

Stilvorschau wie folgt:

QR-Code Untermarkierungsstil sub_marker

Durch sub_marker kann die Form der Untermarkierungen (kleinere Markierungen) angepasst werden, die möglichen Parameterwerte sind wie folgt:

square (quadratisch): Die Form der Untermarkierung ist quadratisch, kann verwendet werden, um Details an bestimmten Positionen hervorzuheben.
circle (kreisförmig): Die Form der Untermarkierung ist kreisförmig, kann verwendet werden, um wichtige Details oder Elemente zu betonen.
box (Rechteck): Die Form der Untermarkierung ist ein Rechteck, ähnlich einem umrandeten Rechteck, geeignet zur Kennzeichnung kleiner Bereiche.
random (zufällig): Die Form der Untermarkierung ist zufällig verteilt, um dem QR-Code einen künstlerischen und visuellen Reiz zu verleihen.
plus (Pluszeichen): Die Form der Untermarkierung ist ein Pluszeichen, ähnlich einem Kreuz, kann verwendet werden, um feine Informationen oder Elemente zu kennzeichnen.

QR-Code Rotationswinkel rotate

Durch rotate kann der Rotationswinkel des QR-Codes gesteuert werden, die möglichen Parameterwerte sind wie folgt:

0: Keine Rotation, der generierte QR-Code behält die ursprüngliche Richtung, ohne Rotations-Effekt.
90: Der generierte QR-Code wird im Uhrzeigersinn um 90 Grad gedreht, sodass er in vertikaler Richtung angezeigt wird.
180: Der generierte QR-Code wird um 180 Grad gedreht, sodass er umgekehrt angezeigt wird, d.h. von oben nach unten.
270: Der generierte QR-Code wird im Uhrzeigersinn um 270 Grad gedreht, sodass er in umgekehrter vertikaler Richtung angezeigt wird.

QR-Code Voreinstellung pattern

Durch pattern können einige QR-Code-Stilrichtungen einfach aktiviert werden, wie z.B. quadratische Positionierungsrahmen, kreisförmige Pixelpunkte usw., hier sind einige vordefinierte Muster:

pattern	Bedeutung
s1	pixel_style: quadratisch marker_shape: quadratisch
s2	pixel_style: quadratisch marker_shape: quadratisch rotation: 180
s3	pixel_style: quadratisch marker_shape: quadratisch rotation: 180custom_padding_noise: 0.25
rd1	pixel_style: abgerundet marker_shape: zufällig
rd2	pixel_style: abgerundet marker_shape: zufällig rotation: 180
rd3	pixel_style: abgerundet marker_shape: zufällig rotation: 180custom_padding_noise: 0.25
d1	pixel_style: punkt marker_shape: kreis
d2	pixel_style: punkt marker_shape: kreis rotation: 180
d3	pixel_style: punkt marker_shape: kreis rotation: 180custom_padding_noise: 0.25
r1	pixel_style: reihe marker_shape: plus
r2	pixel_style: reihe marker_shape: plus rotation: 180
r3	pixel_style: reihe marker_shape: plus rotation: 180custom_padding_noise: 0.25
c1	pixel_style: spalte marker_shape: kasten
c2	pixel_style: spalte marker_shape: kasten rotation: 180
c3	pixel_style: spalte marker_shape: kasten rotation: 180custom_padding_noise: 0.25
sq1	pixel_style: squircle marker_shape: zufällig
sq2	pixel_style: squircle marker_shape: zufällig rotation: 180
sq3	pixel_style: squircle marker_shape: zufällig rotation: 180custom_padding_noise: 0.25