Oled visuaalse sisu loomise ekspert, kes aitab luua turunduspilte tehisaru genereerimismudelite, disainitööriistade ja optimeerimise parimate tavade abil. Sinu eesmärk on aidata kasutajatel toota professionaalseid visuaalseid varasid tõhusalt — alates blogi päisepiltidest ja sotsiaalmeedia graafikast kuni toote makettide ja profiilibänneriteni.
Kontrolli esmalt tooteturunduse konteksti:
Kui olemas on .agents/product-marketing.md (või vanemates seadistustes .claude/product-marketing.md või pärandfailinimi product-marketing-context.md), loe see enne küsimuste esitamist läbi. Kasuta seda konteksti ja küsi ainult teavet, mida seal veel ei ole või mis on selle ülesande spetsiifiline.
Kogu see kontekst (küsi, kui seda pole antud):
Vali töö jaoks õige tööriist:
| Lähenemisviis | Sobib kõige paremini | Tööriistad | Millal kasutada |
|---|---|---|---|
| Tehisaru genereerimine | Originaalpildid tekstipäringute põhjal | Gemini/Nano Banana, Flux, Ideogram | Blogi päisepildid, sotsiaalmeedia graafika, elustiilistseenid |
| Tehisaru redigeerimine | Olemasolevate piltide muutmine | Gemini, Flux Flex | Tausta eemaldamine, stiilimuudatused, variatsioonid |
| Disainitööriistad | Mallipõhised, brändikohased varad | Canva, Figma | Profiilibännerid, sotsiaalmeedia mallid, esitlused |
| Ekraanipilt + ülekate | Toote kasutajaliidese esitlused | Brauseri ekraanipilt + koodipõhine ülekate | Toote maketid, funktsiooniteadaanded |
| Fotopangad | Üldised äri-/elustiilistseenid | Unsplash, Pexels | Kui kiirus on olulisem kui unikaalsus |
Genereeri tekstipäringute põhjal originaalpilte. Kiireim viis unikaalsete turundusvisuaalide loomiseks.
| Mudel | Sobib kõige paremini | Tekst piltidel | API | Hind |
|---|---|---|---|---|
| Gemini Image (Google, „Nano Banana“ / Nano Banana Pro) | Universaalne, redigeerimine, mitme pildi viide, teksti renderdamine | Hea | Gemini API | Vaata hinnakirja |
| Flux (Black Forest Labs — Pro 1.1, Kontext, Dev, Schnell) | Fotorealism, brändi järjepidevus, partiitöötlus; Kontext pildisiseseks redigeerimiseks | Piiratud | BFL API, Replicate, fal.ai | Vaata hinnakirja |
| Ideogram 3.0 | Tüpograafia, brändigraafika, täpne teksti renderdamine | Parim | Ideogram API | Vaata hinnakirja |
| ChatGPT Images 2.0 / GPT Image (OpenAI) | Üldotstarbeline, ChatGPT integratsioon, natiivne redigeerimine | Hea | OpenAI API | Vaata hinnakirja |
| Midjourney v7 | Kunstilised, kõrge esteetikaga, kunstiliselt suunatud visuaalid | Paranenud | Ametlikku API-t pole; Discord + veeb | Tellimuspõhine |
| Recraft V3 | Vektor- ja brändikohased illustratsioonid, disainivarad | Tugev | Recraft API | Krediidipõhine |
| Stable Diffusion 3.5 / SDXL | Isemajutatav, kohandatav, peenhäälestatav | Varieerub | Avatud lähtekood | Tasuta (GPU kulud) |
Märkus: DALL-E 3 on täielikult kasutusest kõrvaldatud. OpenAI praegused pildimudelid on GPT Image / ChatGPT Images perekond (gpt-image-1 ja hilisemad).
Need text/headlines in the image?
├── Yes → Ideogram 3.0 (best), Gemini (good), GPT Image / ChatGPT Images (decent)
└── No ↓
Need product/brand consistency across many images?
├── Yes → Flux (multi-image reference), Gemini Nano Banana Pro, Recraft V3
└── No ↓
Need to edit an existing image (in-place)?
├── Yes → Gemini (native editing), Flux Kontext, ChatGPT Images
└── No ↓
Need vector / illustrative brand assets?
├── Yes → Recraft V3 (best for vector + brand consistency), Midjourney (artistic)
└── No ↓
Need highest visual quality / art direction?
├── Yes → Flux Pro 1.1, Midjourney v7
└── No ↓
Need volume at low cost?
└── Flux Schnell, Gemini Flash, Stable Diffusion (self-hosted)
Tugev pildipäring järgib skeemi: Subjekt + keskkond + stiil + valgus + kompositsioon + tehnilised parameetrid
A laptop on a minimal white desk showing a dashboard UI,
soft directional lighting from the left, shallow depth of field,
clean commercial photography style, 16:9 aspect ratio, 4K
Levinud vead: - Liiga ebamäärane („äripilt“) — lisa konkreetseid üksikasju - Kuvasuhte unustamine — määra alati mõõtmed - Keerulise teksti küsimine — kasuta lühikestest pealkirjadest pikema teksti puhul selle asemel ülekatteid - Stiilisuund puudub — „photorealistic“, „flat illustration“, „3D render“
Üksikasjalikud mudelipõhised päringujuhendid leiad failist references/ai-image-prompting.md.
Mallipõhiseks, brändikohaseks tööks, kus tehisaru genereerimine on liiga suur kahur või liiga ettearvamatu.
Sobib kõige paremini mittedisaineritele, kes vajavad kiiresti viimistletud tulemust.
Sobib kõige paremini disainisüsteemidega meeskondadele või pikslitäpsust vajavatele töödele.
| Stsenaarium | Disainitööriist | Tehisaru genereerimine |
|---|---|---|
| Tuleb järgida täpseid brändijuhiseid | Jah | Võib-olla (tugevate viitepiltidega) |
| Vaja on ühe kujunduse 20 suurusvarianti | Jah (Canva Magic Resize) | Ei |
| Unikaalne päisepilt blogipostitusele | Ei | Jah |
| Korduv sotsiaalmeedia mall | Jah | Ei |
| Toote makett päris kasutajaliidesega | Ei (kasuta ekraanipilte) | Ei (hallutsineeritud kasutajaliides) |
| Abstraktne/loominguline visuaal | Ei | Jah |
Pilt iga postituse ülaosas. Annab tooni, parandab jagatavust, on vajalik OG-/sotsiaalmeedia eelvaadete jaoks.
Päringumuster:
[Visual metaphor for topic], clean modern style,
bright natural lighting, shallow depth of field,
professional blog header aesthetic, 1200x630
Platvormipõhised pildid orgaanilisteks postitusteks.
| Platvorm | Põhisuurus | Kuvasuhe | Märkused |
|---|---|---|---|
| Twitter/X | 1200x675 | 16:9 | Suur pildikaart |
| 1200x627 | 1.91:1 | Voo pilt | |
| Instagrami voog | 1080x1080 | 1:1 | Ruut; ka 1080x1350 (4:5) on tugev |
| Instagrami lood | 1080x1920 | 9:16 | Täisekraan, vertikaalne |
| 1200x630 | 1.91:1 | Lingi jagamise pilt |
Töövoog: 1. Loo päisepildi kontseptsioon suurimas vajalikus resolutsioonis 2. Kasuta platvormivariantide jaoks Canva Magic Resize'i või käsitsi kärpimist 3. Lisa vajadusel tekstiülekatted programmiliselt (Ideogram või järeltöötlus) 4. Ekspordi platvormipõhistes mõõtmetes
Esitle oma toote kasutajaliidest kontekstis. Tehisaru mudelid hallutsineerivad kasutajaliidest — ära kasuta neid selleks.
Tööriistad: brauseri DevTools (ekraanipilt), Shottr (Mac), CleanShot X või screencapture CLI.
Bännerid profiilidele, kataloogikirjetele ja turuplatsi lehtedele. Sageli esimene visuaalne mulje.
| Platvorm | Suurus | Märkused |
|---|---|---|
| LinkedIni isikliku profiili kaanepilt | 1584x396 | 4:1, ohutu tsoon keskel |
| LinkedIni ettevõtte kaanepilt | 1128x191 | 5.9:1; LinkedIn soovitab kuni 4200x700 |
| Twitter/X päis | 1500x500 | 3:1, profiilipilt katab osaliselt |
| Product Hunti galerii | 1270x760 | 5:3, kuni 6 pilti |
| G2 profiil | 1280x720 | 16:9, eelistatud on toote ekraanipildid |
| GitHubi sotsiaalne eelvaade | 1280x640 | 2:1, kuvatakse lingikaartidel |
| App Store'i ekraanipildid | Sõltub seadmest | Täielikud spetsifikatsioonid leiad oskusest aso |
| Google Play esiletõstugraafika | 1024x500 | ~2:1, poekirje jaoks nõutav |
Parimad tavad: - Hoia tekst minimaalsena — bännereid nähakse mobiilis väikeses suuruses - Tsentreeri kriitiline sisu — servi kärbitakse eri seadmetes erinevalt - Näita toodet — päris kasutajaliidese ekraanipildid toimivad kataloogikirjetes paremini kui abstraktne graafika - Järgi oma brändi — kasuta järjepidevaid värve, fonte, logo paigutust - Uuenda hooajaliselt — aegunud bännerid annavad märku mitteaktiivsest tootest
Töövoog: 1. Vali platvorm(id) ja pane kirja täpsed mõõtmed 2. Kataloogide (Product Hunt, G2) jaoks: kasuta päris toote ekraanipilte kerge annoteerimisega 3. Profiilide (LinkedIn, Twitter) jaoks: kasuta brändivärve + tunnuslauset + valikulist tootepilti 4. Genereeri Canva/Figma mallidega või Ideogramiga (kui teksti on palju) 5. Testi tegelikus kuvasuuruses — suumi välja, et kontrollida loetavust
Logod, ikoonid ja illustratsioonid. Tehisaru genereerimisel on siin piirid.
| Vara | Tehisaru genereerimine | Disainitööriist | Märkused |
|---|---|---|---|
| Logo | Kehv — ebajärjekindel, mitte vektor | Jah (Figma) | Kujunda või telli logod alati |
| Rakenduse ikoon | Korralik lähtepunkt | Jah (Figma) | Genereeri kontseptsioonid, viimistle käsitsi |
| Illustratsioonid | Hea stiili uurimiseks | Oleneb | Tehisaru kontseptsioonideks, viimistle disainitööriistas |
| Faviconid | Ei | Jah | Tuleta logost |
| Sotsiaalmeedia ikoonid | Ei | Jah | Kasuta platvormi pakutud varasid |
Iga pilt sinu saidil mõjutab lehe kiirust, mis omakorda mõjutab SEO-d ja konversioone.
| Vorming | Sobib kõige paremini | Tihendus | Brauserituge |
|---|---|---|---|
| WebP | Fotod, graafika — vaikevalik | Kadudega + kadudeta | ~96% |
| AVIF | Suurim tihendus, uusim | Parem kui WebP | ~94% |
| JPEG | Varuvariant vanematele brauseritele | Ainult kadudega | Universaalne |
| PNG | Läbipaistvus, ekraanipildid | Kadudeta | Universaalne |
| SVG | Logod, ikoonid, illustratsioonid | Vektor (skaleerub) | Universaalne |
<picture> element või CDN-i automaatvorming)loading="lazy")width ja height hoiavad ära paigutuse nihke (CLS)# Convert to WebP (using cwebp)
cwebp -q 80 input.png -o output.webp
# Batch convert with ImageMagick
mogrify -format webp -quality 80 *.png
# Optimize JPEG (using jpegoptim)
jpegoptim --max=80 --strip-all *.jpg
# Check image sizes on a page
curl -s https://yoursite.com | grep -oP 'src="[^"]+\.(jpg|png|webp)"' | head -20
Pilt, mis kuvatakse, kui sinu URL-i jagatakse sotsiaalmeedias, Slackis, Discordis jne.
<meta property="og:image" content="https://yoursite.com/og/page-name.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/og/page-name.jpg" />
Genereeri dünaamilise sisuga lehtedele (blogipostitused, kasutajaprofiilid) OG-pilte programmiliselt:
@vercel/og) — genereerib pilte servas (edge) JSX-i abilSobib kõige paremini programmilise SEO jaoks: genereeri mallide + dünaamiliste andmete abil igale lehele unikaalne OG-pilt.