Przejdź do głównej zawartości

Generowanie obrazów przez AI

Generuj własne obrazy i znajduj zdjęcia stockowe bezpośrednio z czatu AI. Wbudowane, bez potrzeby podawania kluczy API.

AI w Proyecta może generować obrazy podczas procesu budowania aplikacji. Dostępne są dwa wbudowane narzędzia — jedno do tworzenia niestandardowych wizualizacji przez AI, drugie do wyszukiwania wyselekcjonowanych zdjęć stockowych. Nie są wymagane żadne klucze API od podmiotów zewnętrznych.

AI dysponuje narzędziem generate_image, które tworzy niestandardowe wizualizacje na żądanie. Wystarczy poprosić:

  • "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"

Wygenerowane obrazy są przechowywane w przestrzeni plików Twojego projektu i otrzymują stały adres URL CDN. AI pobiera je do katalogu src/assets/ projektu (do komponentów odwołuje się za pomocą importu ES6). Użyj target_path: public/<name>, aby umieścić pliki w katalogu public/ i uzyskać stabilne adresy URL — na przykład dla faviconów lub obrazów OG.

Opcje: AI może kontrolować proporcje obrazu (1:1, 16:9, 9:16, 4:3, 3:4) oraz jakość (medium, high).

Do wyszukiwania wyselekcjonowanych zdjęć z rzeczywistego świata AI używa narzędzia generate_stock_image, które przeszukuje biblioteki zdjęć stockowych (domyślnie Unsplash, obsługiwany jest również Pexels):

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

Zdjęcia stockowe są pobierane do katalogu src/assets/ projektu, a dodatkowo zwracany jest adres URL CDN z hotlinkiem. Wynik działania narzędzia zawiera informacje o autorze — AI uwzględni je w interfejsie użytkownika, jeśli platforma jest do tego skonfigurowana.

W przypadku logo i prostych ilustracji AI może generować pliki SVG bezpośrednio, bez wywoływania API obrazów:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.
  • Obrazy wygenerowane przez AI są przesyłane do blob storage i pobierane do katalogu src/assets/ projektu
  • Zdjęcia stockowe (Unsplash / Pexels) są pobierane do katalogu src/assets/ projektu
  • Obrazy przesyłane w czasie rzeczywistym (przez użytkowników Twojej aplikacji) są obsługiwane przez SDK Pliki i multimedia

Jeśli Twoja aplikacja wymaga konkretnego modelu lub dostawcy dla jej końcowych użytkowników (nie dla Builder), AI może zintegrować dowolny serwis do generowania obrazów:

  • 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"

Przed wysłaniem zapytania dodaj klucz API swojego dostawcy w sekcji Zmienne środowiskowe.