AI Görsel Oluşturma
AI sohbetinden doğrudan özel görseller oluşturun ve stok fotoğraflar bulun. Yerleşik özellik, API anahtarı gerekmez.
Proyecta’nın yapay zekâsı, geliştirme sürecinde görsel oluşturabilir. Biri özel AI görselleri, diğeri seçilmiş stok fotoğraflar için olmak üzere iki yerleşik araç mevcuttur. Üçüncü taraf API anahtarı gerekmez.
Yerleşik görsel oluşturma
Section titled “Yerleşik görsel oluşturma”Yapay zekânın, isteğe bağlı özel görseller oluşturan bir generate_image aracı vardır. Şunları sorabilirsin:
"Landing page için bir hero görseli oluştur — soyut degrade, üzerinde yüzen şekiller""E-ticaret mağazam için ürün mockup görselleri oluştur""Hakkımızda sayfası için iş birliği yapan bir ekip illüstrasyonu yap"
Oluşturulan görseller projenin dosya depolama alanına kaydedilir ve kalıcı bir CDN URL’si alır. Yapay zekâ bu görselleri projenin src/assets/ dizinine indirir (bileşenlerde ES6 import ile referans verilir). Favicon veya OG görselleri gibi sabit URL’ler gerektiren dosyalar için target_path: public/<name> kullanarak dosyaları public/ dizinine yerleştirebilirsin.
Seçenekler: Yapay zekâ, en boy oranını (1:1, 16:9, 9:16, 4:3, 3:4) ve kaliteyi (medium, high) kontrol edebilir.
Stok fotoğrafçılık (Unsplash / Pexels)
Section titled “Stok fotoğrafçılık (Unsplash / Pexels)”Gerçek dünyadan seçilmiş fotoğraflar için yapay zekâ, stok fotoğraf kütüphanelerinde (varsayılan olarak Unsplash, Pexels de desteklenir) arama yapmak üzere generate_stock_image aracını kullanır:
"Modern bir ofis alanının hero fotoğrafını bul""Restoran menüsü sayfası için yemek stok fotoğrafları ekle"
Stok görseller projenin src/assets/ dizinine indirilir; aynı zamanda doğrudan bağlantılı bir CDN URL’si de döndürülür. Araç sonucuna atıf bilgisi dahil edilir; platform buna göre yapılandırılmışsa yapay zekâ fotoğraf kredilerini arayüzünde gösterir.
Logo ve SVG’ler
Section titled “Logo ve SVG’ler”Logo ve basit illüstrasyonlar için yapay zekâ, bir görsel API’si çağırmadan doğrudan SVG oluşturabilir:
Generate an SVG logo for my app — minimalist, two colors, abstract mark.Save it to public/logo.svg and use it in the navbar.Görseller nerede saklanır?
Section titled “Görseller nerede saklanır?”- AI tarafından oluşturulan görseller blob depolama alanına yüklenir ve projenin
src/assets/dizinine indirilir - Stok görseller (Unsplash / Pexels) projenin
src/assets/dizinine indirilir - Çalışma zamanında yüklenen görseller (uygulamanın kullanıcıları tarafından) Dosyalar ve Medya SDK’sı aracılığıyla işlenir
Üçüncü taraf sağlayıcılar
Section titled “Üçüncü taraf sağlayıcılar”Uygulamanın son kullanıcıları (builder değil) için belirli bir model veya sağlayıcıya ihtiyaç duyarsan, yapay zekâ herhangi bir görsel oluşturma servisini entegre edebilir:
- DALL-E / OpenAI —
"OpenAI'nin images API'sini çağıran bir görsel oluşturma sayfası ekle" - Stable Diffusion / Stability AI —
"Stability AI'ı bir SDXL modeliyle entegre et" - Replicate —
"Model seçimiyle Replicate destekli görsel oluşturma ekle"
Sormadan önce sağlayıcının API anahtarını Ortam Değişkenleri bölümüne ekle.