Salta ai contenuti

Generazione di Immagini con l'AI

Genera immagini personalizzate e trova foto stock direttamente dalla chat AI. Integrato, senza bisogno di chiavi API.

L’AI di Proyecta può generare immagini durante il processo di build. Sono disponibili due strumenti integrati — uno per immagini personalizzate generate dall’AI e uno per fotografia stock curata. Non sono necessarie chiavi API di terze parti.

L’AI dispone di uno strumento generate_image che crea immagini personalizzate su richiesta. Basta chiedere:

  • "Generate a hero image for my landing page — abstract gradient with floating shapes"
  • "Create product mockup images for my e-commerce store"
  • "Make an illustration of a team collaborating for the about page"

Le immagini generate vengono archiviate nello storage dei file del tuo progetto e ricevono un URL CDN permanente. L’AI le scarica nella directory src/assets/ del tuo progetto (referenziate tramite import ES6 nei componenti). Usa target_path: public/<name> per posizionare i file in public/ e ottenere URL stabili, come per favicon o immagini OG.

Opzioni: L’AI può controllare il formato (1:1, 16:9, 9:16, 4:3, 3:4) e la qualità (medium, high).

Per fotografie reali e curate, l’AI utilizza generate_stock_image per cercare nelle librerie di foto stock (Unsplash di default, Pexels è anch’esso supportato):

  • "Find a hero photo of a modern office space"
  • "Add stock photos of food for the restaurant menu page"

Le immagini stock vengono scaricate nella directory src/assets/ del tuo progetto; viene restituito anche un URL CDN con hotlink. L’attribuzione è inclusa nel risultato dello strumento — l’AI mostrerà i crediti fotografici nella tua interfaccia quando la piattaforma è configurata per farlo.

Per loghi e illustrazioni semplici, l’AI può generare SVG direttamente senza chiamare un’API di immagini:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.
  • Le immagini generate dall’AI vengono caricate su blob storage e scaricate nella directory src/assets/ del tuo progetto
  • Le immagini stock (Unsplash / Pexels) vengono scaricate nella directory src/assets/ del tuo progetto
  • Le immagini caricate a runtime (dagli utenti della tua app) passano attraverso l’SDK Files & Media

Se hai bisogno di un modello o provider specifico per gli utenti finali della tua app (non per il builder), l’AI può integrare qualsiasi servizio di generazione di immagini:

  • DALL-E / OpenAI"Add an image generation page that calls OpenAI's images API"
  • Stable Diffusion / Stability AI"Integrate Stability AI with an SDXL model"
  • Replicate"Add Replicate-powered image gen with model selection"

Aggiungi la chiave API del tuo provider nelle Variabili d’Ambiente prima di effettuare la richiesta.