Hoppa till huvudinnehåll
Konst QR-kod är en innovativ teknologiprodukt som kombinerar QR-koder med vackra bakgrundsbilder, vilket skapar verk som är både praktiska och estetiska. De har inte bara den funktionalitet som traditionella QR-koder erbjuder, vilket gör att de snabbt kan skannas och identifieras av smarta enheter, utan de har också konstnärliga inslag som ökar den visuella attraktionen och varumärkesigenkänningen. Vissa konst QR-koder är till och med genererade av artificiell intelligens, vilket utnyttjar modern teknik för att visa en oöverträffad innovation och unikhet. Detta gör att konst QR-koder har en bred tillämpning inom områden som varumärkesmarknadsföring och reklam. Enkelt uttryckt är konst QR-kod en perfekt kombination av att skanna QR-koder och konstnärlig estetik. Den erbjuder inte bara funktionalitet för informationsöverföring, utan förbättrar också användarens visuella upplevelse, vilket gör varje skanning till en konstnärlig njutning.

Översikt av Verk

Låt oss först titta på några QR-kodverk: Vad tycker du? Dessa QR-koder är konst QR-koder, de uppnår en perfekt kombination av bild och QR-kod, och är mer konstnärliga än vanliga QR-koder. Dessutom kan varje QR-kod skannas!

Hur Skapar Man?

Vill du skapa en sådan QR-kod? Hur gör man för att skapa en sådan konst QR-kod? Egentligen är detta tekniskt sett relativt komplext. I dagens AI-tid är den nuvarande lösningen för konst QR-koder baserad på Stable Diffusion. Genom att mata in en prompt kan vi generera motsvarande bilder, och genom att kombinera vissa QR-kodsinnehåll kan vi slutligen uppnå en sådan effekt. Så den största utmaningen här är: hur man gör QR-koden både vacker och konstnärlig, samtidigt som den kan skannas korrekt. Ärligt talat är denna teknik ganska svår och kräver mycket justering av parametrar för att uppnå ett något bättre resultat. 99% av människorna ger upp redan i första steget. Anta att vi genom ständiga justeringar verkligen lyckas skapa en sådan effekt, att köra det i praktiken är också en betydande kostnad. Om man vill ha snabbare hastighet kan det krävas en kraftfull GPU, vilket kan kosta tiotusentals kronor. Vissa vänner kanske säger: Jag vill inte lägga ner så mycket energi, jag vill inte spendera så mycket pengar, jag vill bara göra en konst QR-kod, eller jag vill integrera denna funktionalitet i min produkt. Om det bara fanns en färdig API för det. Finns det? Ja, det gör det faktiskt. Denna plattform erbjuder API för att generera konst QR-koder. Vi kan anropa API:et och mata in olika parametrar, som bildinnehåll, QR-kodlänk, stil och så vidare, för att enkelt generera den önskade konst QR-koden. Dessutom får man 20 gratis skapelser vid första ansökan.

Ansökan om API

För att använda konst QR-kod API, kan du först gå till Konst QR-kod API sidan och klicka på “Få” knappen: Om du inte har loggat in ännu, kommer du automatiskt att omdirigeras till inloggningssidan. Skanna QR-koden för att följa offentliga kontot så loggas du in automatiskt, utan extra registreringssteg. När du har loggat in kommer du att återvända till den ursprungliga sidan, där det kommer att stå “Du har inte ansökt om denna tjänst, du behöver ansöka”. Vid ansökan kommer din verkliga identitet att verifieras, vänligen följ webbplatsens instruktioner för att slutföra verifieringen. Verifieringen kommer att kontrollera namn, telefonnummer och ID-nummer. När verifieringen är klar kan du återvända till sidan, uppdatera sidan för att säkerställa att informationen har uppdaterats, och sedan ansöka igen för att bli godkänd.

Grundläggande Användning

För att använda de mest grundläggande funktionerna i konst QR-kod, behöver du fylla i följande obligatoriska parametrar:
  • type: Typ av QR-kod, som ren text, länk etc.
  • content: Innehållet i QR-koden, till exempel om det är en länk kan vi fylla i motsvarande länk.
  • prompt: Stildirektiv för QR-koden, starkt rekommenderat att använda engelska. Till exempel, pizza skulle skapa en QR-kod som ser ut som en pizza.
  • callback_url: Valfritt, asynkron återkopplingsadress, om den tillhandahålls kommer den omedelbart att returnera uppgifts-ID.
  • content_image_url: Valfritt, länk till en bild som innehåller det verkliga QR-kodsinnehållet.
  • aspect_ratio: Valfritt, bildförhållande, standard 1:1.
  • ecl: Felkorrigeringsnivå, standard H.
  • qrw: QR-kodens vikt, 1.5-3, ju större desto närmare verklig QR-kod.
  • seed: Fast slumpmässig frö, för att generera reproducerbara QR-koder.
  • steps: Antal iterationssteg för ritning, 10-20, standard 16.
  • preset: Förinställd bakgrundsstil.
  • pattern: Huvudstil, standard custom.
  • position: QR-kodens position, standard center.
  • marker_shape: Form på placeringspunkten, standard square.
  • sub_marker: Form på hjälppositioneringspunkt, standard square.
  • pixel_style: Pixelstil, till exempel square, rounded, dot.
  • padding_level/padding_noise: Vit utrymme och brusintensitet.
  • rotate: Rotationsvinkel, standard 0.
  • rawurl: Om den ursprungliga länken ska bevaras, standard false, om den är aktiverad görs ingen kortlänk.
Nu ska vi generera en QR-kod för Zhishuyun-webbplatsen, typ är länk, innehållet är https://data.zhishuyun.com, prompten här fylls i med följande innehåll:
(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
Fyll i följande innehåll på testningssidan: Klicka sedan på test: Efter en stund kommer konst QR-koden att genereras, resultatet liknar följande:
{
  "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
}
QR-koden är som följer: Så här har vi genererat en QR-kod, där huvudmotivet är ett fartyg som hänger med flera flaggor, och dessa flaggor utgör precis QR-kodens positionspunkter. Genom att skanna med mobilen kan man hoppa till Zhishuyun:s officiella webbplats. Samtidigt kan vi mycket enkelt omvandla den ovanstående innehållsmetoden till ett API-anrop.

prompt-guide

Genom ovanstående operationer kan vi se att den konstnärliga QR-koden är avgörande för skrivandet av prompten, så vad är det som är viktigt när man skriver en prompt? Faktiskt är detta allmänna Stable Diffusion-promptkommandon, den konstnärliga QR-koden är baserad på Stable Diffusion-teknik med några speciella justeringar, så dess inmatningsprompt är helt identisk med Stable Diffusion. Om du fortfarande inte vet vad Stable Diffusion är, kan du besöka dess officiella webbplats för att få mer information: https://stablediffusionweb.com/, samt prompt-handledning och guider: https://stable-diffusion-art.com/prompt-guide/, dessutom har Stable Diffusion skapat en promptgenerator som kan hjälpa oss att generera prompts: https://stablediffusionweb.com/prompt-generator, förutom detta finns det också några webbplatser med exempel på prompts: https://publicprompts.art/ Ovanstående innehåll är endast för referens, för mer information kan du själv söka efter material relaterat till Stable Diffusion för att lära dig.

Avancerade parametrar

Detta API erbjuder också fler avancerade parametrar för att underlätta mer funktionell anpassning, beskrivning som följer:
  • preset: Förinställd bakgrundsstil. Stilen på QR-kodens bakgrund, såsom surrealistisk stil, neoneffekt, handritad stil etc.
  • steps: Antal iterations för ritning. Ju fler gånger, desto starkare blir den konstnärliga stilen på QR-koden, intervallet är 10-20, standard är 16.
  • qrw: QR-kodens vikt. Ju större vikt, desto närmare kommer bilden den verkliga QR-koden, men den konstnärliga stilen kommer att försvagas, värdeintervallet är 1.5-3, standard är 1.5.
  • seed: Slumptal. Används för att generera slumpmässiga QR-koder, när fröet är detsamma, är den genererade QR-kodens stil densamma, intervallet är 1-9007199254740991.
  • rawurl: Om den ursprungliga länken ska behållas. Som standard kommer inmatningslänken att förkortas till en kort länk, vilket kan öka skanningsgraden, detta värde är som standard false.
  • padding_level: QR-kodens inre marginal. Storleken på den inre marginalen av QR-koden,
  • aspect_ratio: QR-kodens bredd-höjd-förhållande.
  • position: QR-kodens position.
  • pixel_style: QR-kodens pixelstil.
  • marker_shape: QR-kodens positionsramform.
  • sub_marker: QR-kodens underteckensstil.
  • rotate: QR-kodens rotationsvinkel.
  • ecl: QR-kodens felkorrigeringsnivå.
  • padding_noise: QR-kodens inre marginalbrus.
  • pattern: Förinställd QR-kodskombination. Förinställda QR-kodsstilkombinationer, såsom stilen på positionsramen (fyrkantig, rund etc.), punkternas stil (fyrkantig, rund etc.).
Nedan kommer vi att gå igenom några av de avancerade parametrarna för den konstnärliga QR-koden API och välja några för att introducera.

Förinställning preset

Den konstnärliga QR-koden API har ställt in många förinställda mallar, denna parameter kallas preset, med följande värden:
  • sunset(日落): Förenar de varma tonerna och det mjuka ljuseffekten av solnedgångens sista strålar.
  • floral(花卉): En konststil med blommor och växtelement som betonar naturens skönhet.
  • snowflakes(雪花): En is- och snövärld med en kall atmosfär av iskristaller och snöflingor.
  • feathers(羽毛): Visar fjädrar och fåregenskaper, skapar en lätt och mjuk känsla.
  • raindrops(雨滴): Inspirerad av regndroppar och vattendroppar, skapar en fräsch och fuktig effekt.
  • ultra-realism(超现实): Extremt realistiska detaljer och texturer, skapar en effekt som övergår verkligheten.
  • epic-realms(史诗领域): Storslagna scener och episk känsla, ger en storslagen visuell upplevelse.
  • intricate-studio(错综复杂): Rik på detaljer och komplexitet, en stil som kräver noggrant iakttagande för att förstås helt.
  • symmetric-masterpiece(对称杰作): Skapar vacker balans och harmoni genom symmetriska element.
  • luminous-highway(发光高速公路): Betonar nattens ljuseffekter, som billyktor och neonskyltar.
  • celestial-journey(星际之旅): Utforskar universum och en fantastisk resa genom stjärnorna.
  • neon-mech(霓虹机械): Kombinerar neonskyltar och mekaniska element, skapar en futuristisk känsla.
  • ethereal-low-poly(飘渺低多边形): Lågpoly-stil som skapar en drömlik och abstrakt effekt.
  • golden-vista(金色景观): Dominerad av gyllene toner, presenterar en storslagen visuell scen.
  • cinematic-expanse(电影式广袤): Stora scener med filmisk känsla, fängslande.
  • cinematic-warm(电影式温暖): Varm färgton och ljuseffekt med filmisk kvalitet.
  • desolate-wilderness(荒凉荒野): Skildrar öde och vildmark, skapar en känsla av ensamhet.
  • vibrant-palette(鲜明调色板): Färgrik och mångsidig, starka färgkontraster.
  • enigmatic-journey(神秘之旅): Utforskar en resa fylld av mysterier och mystik.
  • timeless-cinematic(永恒电影): En stil med filmisk kvalitet som inte begränsas av tid.
  • regal-galaxy(皇家星系): En galax med kunglig atmosfär och universella element.
  • illustrious-canvas(杰出画布): Skapar en framstående och iögonfallande duk-effekt.
  • expressive-mural(富有表现力的壁画): En stor väggmålning med uttrycksfullhet och känsla.
  • serene-haze(宁静薄雾): Med en lugn och dimmig effekt, skapar en fridfull atmosfär.
Vi ska nu försöka olika parametrars effekter, till exempel att ta sunset(日落) och raindrops(雨滴) som exempel för att se effekten.
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"
  }'

Här har vi ställt in preset till sunset(日落效果),effekten är som följer: Om vi byter stil, till exempel genom att ändra preset-parametern till raindrops(雨滴效果),effekten är som följer: Angående andra inställningar kan ni experimentera själva.

QR-kod bredd-höjd förhållande aspect_ratio

Genom aspect_ratio-parametern kan vi ställa in QR-kodens bredd-höjd förhållande, till exempel kvadrat 1:1, rektangel 16:9 osv. Denna parameter:
  • 768x768: Bredd-höjd förhållande 1:1, vilket innebär att bredden och höjden på duken är lika. Den motsvarande pixelstorleken är 768x768, den genererade QR-kodens duk är kvadratisk.
  • 1008x576: Bredd-höjd förhållande 16:9, vilket innebär att duken är 16/9 gånger så bred som den är hög. Den motsvarande pixelstorleken är 1008x576, den genererade QR-kodens duk är bredare, lämplig för widescreen-visning.
  • 576x1008: Bredd-höjd förhållande 9:16, vilket innebär att duken är 9/16 gånger så bred som den är hög. Den motsvarande pixelstorleken är 576x1008, den genererade QR-kodens duk är högre, lämplig för porträttvisning.
  • 864x672: Bredd-höjd förhållande 4:3, vilket innebär att duken är 4/3 gånger så bred som den är hög. Den motsvarande pixelstorleken är 864x672, den genererade QR-kodens duk har en lätt kvadratisk känsla, lämplig för allmän visning.
  • 672x864: Bredd-höjd förhållande 3:4, vilket innebär att duken är 3/4 gånger så bred som den är hög. Den motsvarande pixelstorleken är 672x864, den genererade QR-kodens duk har en lätt vertikal rektangulär känsla, lämplig för allmän visning.
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"
  }'
Här har vi försökt generera en rektangulär QR-kod, effekten är som följer:

QR-kod position position

Vi kan också kontrollera QR-kodens position genom position-parametern, till exempel om en bild har en tjej i klänning och vi vill placera QR-koden på platsen för klänningen och få den att smälta in, kan vi försöka ändra QR-kodens position, exempel på anrop är som följer:
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": "en av de vackra flickorna i månljuset i bakgrunden, i stil med pixelerat kaos, rokokoinspirerad konst, mörk vit och himmelsblå, gjord av plast, delikata blommor, gongbi, wimmelbilder",
    "position": "bottom",
    "aspect_ratio": "576x1008"
  }'
Effekten är som följer:

QR-kod pixelstil pixel_style

Vi kan också anpassa QR-kodens pixelstil genom att skicka in pixel_style, valfria parametrar är som följer:
  • square (fyrkant): använder fyrkantiga pixelenheter, varje pixelenhet är i form av en kvadrat.
  • rounded (rundad): pixelenheterna har rundade hörn, vilket gör att den genererade QR-koden ser mjukare och mer modern ut.
  • dot (punkt): använder små cirklar som pixelenheter, den genererade QR-koden visar en punktmönster, liknande tryckeffekt.
  • squircle (rundad fyrkant): liknande rundad rektangel, men närmare en cirkelform, ger den genererade QR-koden en unik stil.
  • row (radarrangemang): arrangerar pixelenheterna i rader, vilket ger ett mönster i horisontell riktning.
  • column (kolumnarrangemang): arrangerar pixelenheterna i kolumner, vilket ger ett mönster i vertikal riktning.
Stilförhandsvisning är som följer:

QR-kod ramstil marker_shape

Genom marker_shape kan du anpassa stilen på placeringsramen, valfria parametrar är som följer:
  • square (fyrkant): markeringens form är fyrkantig, används för att framhäva specifika positioner eller element.
  • circle (cirkel): markeringens form är cirkulär, kan användas för att markera viktiga områden eller element.
  • plus (plustecken): markeringens form är ett plustecken, liknande ett kors, används för att framhäva uppmärksamhet eller specifik information.
  • box (fyrkant): markeringens form är en fyrkant, liknande en omkretsad rektangel, kan användas för att omge områden eller element.
  • octagon (åttakant): markeringens form är en åttakant, med unika hörn, används för visuell attraktion.
  • random (slumptal): markeringens form är slumpmässigt fördelad, vilket ger QR-koden en konstnärlig känsla och visuell intresse.
  • tiny-plus (mikroskopiskt plustecken): en liten plusteckenmarkering, kan användas för att markera små element eller detaljer.
Stilförhandsvisning är som följer:

QR-kod undermarkering stil sub_marker

Genom sub_marker kan du använda formen för undermarkeringar (mindre markeringar), valfria parametrar är som följer:
  • square (fyrkant): undermarkeringens form är fyrkantig, kan användas för att framhäva detaljer på specifika positioner.
  • circle (cirkel): undermarkeringens form är cirkulär, kan användas för att betona viktiga detaljer eller element.
  • box (fyrkant): undermarkeringens form är en fyrkant, liknande en omkretsad rektangel, lämplig för att markera små områden.
  • random (slumptal): undermarkeringens form är slumpmässigt fördelad, vilket ger QR-koden en konstnärlig känsla och visuell intresse.
  • plus (plustecken): undermarkeringens form är ett plustecken, liknande ett kors, kan användas för att markera små informationer eller element.

QR-kod rotationsvinkel rotate

Genom rotate kan du kontrollera QR-kodens rotationsvinkel, valfria parametrar är som följer:
  • 0: ingen rotation, den genererade QR-koden behåller sin ursprungliga riktning, utan rotations effekt.
  • 90: den genererade QR-koden roteras medurs 90 grader, så att den visas i vertikal riktning.
  • 180: den genererade QR-koden roteras 180 grader, så att den är upp och ner.
  • 270: den genererade QR-koden roteras medurs 270 grader, så att den visas i omvänd vertikal riktning.

QR-kod förinställning pattern

Genom pattern kan du enkelt aktivera vissa QR-kodsstilar, som fyrkantiga placeringsramar, cirkulära pixelpunkter osv., här är några fördefinierade mönster:
mönsterInnebörd
s1pixel_style: fyrkantig marker_shape: fyrkantigimg
s2pixel_style: fyrkantig marker_shape: fyrkantig rotera: 180img
s3pixel_style: fyrkantig marker_shape: fyrkantig rotera: 180custom_padding_noise: 0.25img
rd1pixel_style: rund marker_shape: slumpmässigimg
rd2pixel_style: rund marker_shape: slumpmässig rotera: 180img
rd3pixel_style: rund marker_shape: slumpmässig rotera: 180custom_padding_noise: 0.25img
d1pixel_style: prick marker_shape: cirkelimg
d2pixel_style: prick marker_shape: cirkel rotera: 180img
d3pixel_style: prick marker_shape: cirkel rotera: 180custom_padding_noise: 0.25img
r1pixel_style: rad marker_shape: plusteckenimg
r2pixel_style: rad marker_shape: plustecken rotera: 180img
r3pixel_style: rad marker_shape: plustecken rotera: 180custom_padding_noise: 0.25img
c1pixel_style: kolumn marker_shape: lådaimg
c2pixel_style: kolumn marker_shape: låda rotera: 180img
c3pixel_style: kolumn marker_shape: låda rotera: 180custom_padding_noise: 0.25img
sq1pixel_style: squircle marker_shape: slumpmässigimg
sq2pixel_style: squircle marker_shape: slumpmässig rotera: 180img
sq3pixel_style: squircle marker_shape: slumpmässig rotera: 180custom_padding_noise: 0.25img