การสร้างภาพด้วย AI

สร้างภาพแบบกำหนดเองและค้นหาภาพสต็อกได้โดยตรงจากแชท AI พร้อมใช้งานทันที ไม่ต้องใช้ API keys

AI ของ Proyecta สามารถสร้างภาพระหว่างขั้นตอนการสร้างแอปได้ มีเครื่องมือในตัวอยู่สองอย่าง — อันแรกสำหรับสร้างภาพด้วย AI แบบกำหนดเอง และอีกอันสำหรับค้นหาภาพถ่ายสต็อกที่คัดสรรมาแล้ว ไม่ต้องใช้ API keys จากบุคคลที่สามใด ๆ

การสร้างภาพในตัว

AI มีเครื่องมือ generate_image สำหรับสร้างภาพแบบกำหนดเองตามต้องการ เพียงแค่บอกว่า:

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

ภาพที่สร้างขึ้นจะถูกจัดเก็บในพื้นที่จัดเก็บไฟล์ของโปรเจกต์และได้รับ CDN URL แบบถาวร AI จะดาวน์โหลดภาพเหล่านั้นไปยังไดเรกทอรี src/assets/ ของโปรเจกต์ (อ้างอิงผ่าน ES6 import ในคอมโพเนนต์) ใช้ target_path: public/<name> เพื่อวางไฟล์ไว้ใน public/ สำหรับ URL ที่คงที่ เช่น favicon หรือ OG image

ตัวเลือก: AI สามารถควบคุมอัตราส่วนภาพ (1:1, 16:9, 9:16, 4:3, 3:4) และคุณภาพ (medium, high) ได้

ภาพถ่ายสต็อก (Unsplash / Pexels)

สำหรับภาพถ่ายจากโลกจริงที่คัดสรรมาแล้ว AI จะใช้ generate_stock_image เพื่อค้นหาในคลังภาพสต็อก (ใช้ Unsplash เป็นค่าเริ่มต้น และรองรับ Pexels ด้วย):

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

ภาพสต็อกจะถูกดาวน์โหลดไปยังไดเรกทอรี src/assets/ ของโปรเจกต์ และยังมีการส่งคืน CDN URL แบบ hotlinked ด้วย ข้อมูลการระบุแหล่งที่มาจะรวมอยู่ในผลลัพธ์ของเครื่องมือ — AI จะแสดงเครดิตของช่างภาพในUI ของคุณเมื่อ platform ถูกกำหนดค่าให้รองรับ

โลโก้และ SVG

สำหรับโลโก้และภาพประกอบแบบเรียบง่าย AI สามารถสร้าง SVG ได้โดยตรงโดยไม่ต้องเรียก image API:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.

ภาพถูกจัดเก็บไว้ที่ไหน

• ภาพที่สร้างด้วย AI จะถูกอัปโหลดไปยัง blob storage และดาวน์โหลดลงในไดเรกทอรี src/assets/ ของโปรเจกต์
• ภาพสต็อก (Unsplash / Pexels) จะถูกดาวน์โหลดไปยังไดเรกทอรี src/assets/ ของโปรเจกต์
• ภาพที่ผู้ใช้แอปอัปโหลดขณะใช้งาน จะดำเนินการผ่าน Files & Media SDK

ผู้ให้บริการบุคคลที่สาม

หากคุณต้องการโมเดลหรือผู้ให้บริการเฉพาะสำหรับผู้ใช้ปลายทางของแอป (ไม่ใช่สำหรับ builder) AI สามารถเชื่อมต่อกับบริการสร้างภาพใด ๆ ได้:

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

เพิ่ม API key ของผู้ให้บริการใน Environment Variables ก่อนที่จะส่งคำขอ