Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasKäyttötavat
Käyttötavat

Indie-kehittäjän markkinointi: julkaisugrafiikat itse

Rakensit tuotteen yksin. Sitä myyvä grafiikka on pienempi työ kuin luulet: viisi aineistoa, yksi ilme ja sanat, jotka kertovat tuotteen tehtävän.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·5 min lukuaika
Kansi: Returning Rapids · GR·FFZ7·AZ

Lyhyesti

  • Indie-kehittäjän markkinointi rakentuu pienestä grafiikkasarjasta: Open Graph -kuvasta, X-kansikuvasta, julkaisupäivän postauksista ja toistettavasta kehityspäivitysten pohjasta.
  • Open Graph -kuva on 1200×630 pikseliä ja näkyy jokaisessa jakamassasi linkissä, joten tee se ennen kuin kerrot tuotteesta kenellekään.
  • X-kansikuva on 1500×500 pikseliä, ja profiilikuva peittää osan vasemmasta alakulmasta. Pidä sanat poissa tältä alueelta.
  • Julkaisugrafiikka toimii parhaiten yhdellä alle kahdeksan sanan lauseella, joka kertoo, mitä tuote tekee ja kenelle.
  • Sama tausta, fontti ja sommittelu kaikissa aineistoissa saa yhden ihmisen tuotteen näyttämään vakiintuneelta ja auttaa seuraajia tunnistamaan päivityksesi.
Tällä sivulla
Julkaisugrafiikat, joita indie-kehittäjä tarvitseeAloita Open Graph -kuvastaKirjoita sanat ennen värien valintaaValitse yksi ilme kaikkiin aineistoihinTunnistettavat julkiset kehityspäivityksetX-kansikuva ja profiiliJulkaisuviikon tarkistuslista

Hyvä indie-kehittäjän markkinointi tarvitsee kourallisen kuvia, jotka teet kerran ja käytät uudelleen kuukausia. Open Graph -kuva viimeistelee jokaisen jaetun linkin. Lisäksi tarvitset X-kansikuvan, julkaisupäivän ilmoituksen ja yhden pohjan julkisille kehityspäivityksille. Mikään niistä ei vaadi suunnittelijaa. Ne tarvitsevat oikeat koot, yhtenäisen ilmeen ja alle kahdeksan sanan lauseen tuotteen tehtävästä. Tämä sivu käsittelee kaikki kolme ja päättyy julkaisuviikon tarkistuslistaan, jonka voit tehdä tänä iltana.

Julkaisugrafiikat, joita indie-kehittäjä tarvitsee

Yksin toimivat perustajat joko ohittavat grafiikat kokonaan tai käyttävät viikon laskeutumissivun kuvitukseen, jota kukaan ei huomaa. Hyödyllinen välimuoto on lyhyt. Nämä aineistot ihmiset todella näkevät tässä järjestyksessä.

Open Graph -kuva

Koko

1200×630

Missä se näkyy

Jokainen X:ssä, LinkedInissä, Slackissa, Discordissa ja viesteissä jakamasi linkki

Milloin teet

Ennen kuin kerrot kenellekään
X-kansikuva

Koko

1500×500

Missä se näkyy

Profiilisi, jonka ihmiset avaavat hyvän vastauksen jälkeen

Milloin teet

Kaksi viikkoa ennen
X- tai Bluesky-julkaisu

Koko

1600×900

Missä se näkyy

Julkaisupostaus ja merkkipaalupostaukset

Milloin teet

Julkaisuviikolla
LinkedIn-pystyjulkaisu

Koko

1080×1350

Missä se näkyy

Julkaisupostaus ammattilaisyleisölle

Milloin teet

Julkaisuviikolla
Kehityspäivityksen kortti

Koko

1080×1350

Missä se näkyy

Viikkopäivitykset X:ssä, Threadsissa ja LinkedInissä

Milloin teet

Kerran, sitten joka viikko
AineistoKokoMissä se näkyyMilloin teet
Open Graph -kuva1200×630Jokainen X:ssä, LinkedInissä, Slackissa, Discordissa ja viesteissä jakamasi linkkiEnnen kuin kerrot kenellekään
X-kansikuva1500×500Profiilisi, jonka ihmiset avaavat hyvän vastauksen jälkeenKaksi viikkoa ennen
X- tai Bluesky-julkaisu1600×900Julkaisupostaus ja merkkipaalupostauksetJulkaisuviikolla
LinkedIn-pystyjulkaisu1080×1350Julkaisupostaus ammattilaisyleisölleJulkaisuviikolla
Kehityspäivityksen kortti1080×1350Viikkopäivitykset X:ssä, Threadsissa ja LinkedInissäKerran, sitten joka viikko
Viisi aineistoa kattaa lähes jokaisen indie-tuotteen julkaisun. Product Hunt kertoo galleriakoon julkaisulomakkeella. Tarkista se sieltä ja käytä vaakapohjiasi uudelleen.

Open Graph 1200×630

1200 × 630

X-kansikuva 1500×500

1500 × 500

X-julkaisu 1600×900

1600 × 900

Pystykuva 1080×1350

1080 × 1350

Neljä muotoa mittakaavassa. Kansikuva on ohut kaistale, ja pystyjulkaisu vie paljon suuremman osan puhelimen näytöstä kuin vaakajulkaisu.

Aloita Open Graph -kuvasta

Open Graph -kuva ilmestyy, kun joku liittää linkkisi. Se on katsotuin kuvasi, sillä jokainen jako, URL-osoitteesi sisältävä vastaus ja uutiskirjemaininta kantaa sitä mukanaan. Ilman kuvaa alustat näyttävät tyhjän harmaan kortin tai satunnaisen rajauksen sivustasi. Tarkat säännöt löytyvät oppaasta Open Graph -kuvan koko. Lyhyesti: 1200×630, tuotteen nimi, yksi lause ja suuri teksti keskelle.

Paperweight
Laskut, jotka muistuttavat itse.
Automaattiset muistutukset freelancereille
Gradiently · @gradiently

Kuvitteellisen laskutussovelluksen Open Graph -kuva: nimi, lupaus, ei muuta. Se on luettava myös vastauksen pienessä esikatselukuvassa.

Lisää sitten merkinnät sivusi head-osaan. Useimmissa ohjelmistokehyksissä niille on oma paikka, mutta nämä ovat olennaiset:

html
<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
Käytä kuvalle absoluuttista URL-osoitetta. Lisää tiedostonimeen versio, sillä alustat tallentavat esikatseluja välimuistiin ja uusi nimi pakottaa uuden haun.

Jos tuotteessa on monta jaettavaa sivua, kuten julkisia profiileja tai raportteja, luo jokaiselle oma kuva yhden koko sivuston kuvan sijaan. Useimmat ohjelmistokehykset voivat piirtää ne pohjasta pyynnön yhteydessä.

Kirjoita sanat ennen värien valintaa

Indie-tuotteen julkaisugrafiikka epäonnistuu useammin sanoissa kuin ulkoasussa. ”Tuottavuuden tulevaisuus” ei kerro selaavalle tuntemattomalle mitään. Hyödyllinen lause nimeää tehtävän ja ihmisen: mikä hänen maanantaissaan muuttuu. Kirjoita kymmenen versiota, lue ääneen ja säilytä selkein. Tekstin kirjoittaminen kuviin auttaa lyhentämään lausetta.

Vältä

  • ”Tuottavuuden tulevaisuus”
  • ”Tekoälyalusta moderneille tiimeille”
  • ”Versio 1.0 on julkaistu” kertomatta, mistä on kyse
  • Kuusi ominaisuutta ahdettuna yhteen kuvaan
  • Koko näytön kuvakaappaus, jonka käyttöliittymätekstiä ei voi lukea

Tee näin

  • ”Laskut, jotka muistuttavat itse”
  • ”Käyttökatkohälytykset suoraan puhelimeesi”
  • ”Julkaistu tänään” ja tuotteen selittävä lause
  • Yksi ominaisuus kuvaa kohden sarjassa
  • Tiukka ja suurennettu rajaus käyttöliittymän osasta

Valitse yksi ilme kaikkiin aineistoihin

Indie-tuotteet sekoittuvat toisiinsa, koska niin moni valitsee saman violetista siniseen liukuvan taustan ja geometrisen päätteettömän fontin. Se käy viikonloppuprojektille, mutta haittaa tuotetta, jonka haluat jäävän mieleen. Valitse pohjaväri, yksi valo tai korostusväri ja yksi fontti. Käytä niitä kaikkialla: sivustolla, OG-kuvassa, kansikuvassa ja jokaisessa julkaisussa. Kuukausia toistuva ilme saa yhden ihmisen tuotteen tuntumaan yritykseltä.

Kolme lähtökohtaa tavallisen violetin sijaan. Tumma pohja yhdellä valaistulla värillä sopii kehittäjätyökaluille. Lämmin paperi sopii kirjoitus- ja taloustuotteille.

Jos et halua sekoittaa omaa taustaa, Gradientlyn Markkinoilta saat Markin, valmiin elävän taustan omalla typografisella äänellään. Voit suunnitella ilmaiseksi millä tahansa lunastamattomalla Markilla. Lunastaminen tekee sinusta sen ainoan omistajan, joten vain sinä voit viedä sillä tehtyjä töitä eikä julkaisusi voi vastata toisen perustajan ilmettä. Lunastus on kertamaksu, johon sisältyy ensimmäinen säilytysvuosi. Sen jälkeen säilytys on Prolla ilmaista tai siitä maksetaan vuosimaksu Markia kohden. Mark piirtyy uudelleen joka koossa ja siirtää rauhallisimman alueensa sanojen taakse, jolloin vilkaskin tausta pysyy luettavana ilman laatikoita tai varjoja.

Tunnistettavat julkiset kehityspäivitykset

Viikkopäivitys on julkisen tuotekehityksen selkäranka. Käytä samaa sommittelua joka viikko, jotta seuraajat tunnistavat julkaisusi ennen ensimmäistä sanaa. Aloita yhdellä todellisella luvulla tai opilla ja julkaise myös hitaista viikoista. Rehellinen tasainen viikko rakentaa enemmän luottamusta kuin jatkuva voittoputki. Jaa vain paikkansa pitäviä lukuja.

Viikko 14
Ensimmäiset 100 käyttäjää
Mikä toimi, mikä ei ja mitä seuraavaksi
Gradiently · @gradiently

Merkkipaalun viikko: luku on otsikko, ja lisärivi lupaa tarinan julkaisun tekstissä.

Viikko 15
Kolme julkaisemaani asiaa
1.Tumma tila, CSV-tuonti, nopeampi haku
Gradiently · @gradiently

Julkaisuviikko samalla pohjalla. Sama tausta ja typografia pitävät sarjan yhtenäisenä.

Tee kuukauden pohjat kerralla sen sijaan, että teet yhden joka perjantai. Somesisällön luominen erissä kertoo menetelmän. Anna suurille hetkille, kuten julkaisupäivälle tai liikevaihdon merkkipaalulle, oma sommittelunsa, jotta ne erottuvat viikkorytmistä.

X-kansikuva ja profiili

X-kansikuva on 1500×500. Profiilikuva peittää sen vasemman alakulman, ja puhelimet rajaavat kaistaleen eri tavalla. Pidä sanat keskellä ja oikealla. Lisää tuotteen nimi, lyhyt lause ja URL tai pelkkä ilme. Tarkat turva-alueet löytyvät oppaasta X-kansikuvan koko.

Rakennan Paperweightia julkisesti
paperweight.example

Kansikuva tekee yhden asian: kertoo kävijälle, mitä rakennat. Sanat ovat keskiosan oikealla puolella profiilikuvan ulottumattomissa.

Julkaisuviikon tarkistuslista

  1. 1

    Kaksi viikkoa ennen: OG-kuva ja kansikuva

    Julkaise metatiedot ja liitä URL-osoite itsellesi lähetettävään yksityisviestiin nähdäksesi oikean esikatselun.

  2. 2

    Viikko ennen: sanat

    Kirjoita ydinlause ja kolme ominaisuuslausetta. Jokainen ominaisuus saa oman kuvansa.

  3. 3

    Suunnittele yksi pääpohja

    Tee julkaisupostaus koossa 1600×900 ilmeelläsi, lauseellasi ja käyttöliittymän rajatulla osalla.

  4. 4

    Tee siitä muut koot

    Sommittele sama työ uudelleen koossa 1080×1350 LinkedIniin ja Threadsiin sekä 1080×1920 tarinoihin rajaamisen sijaan. Pidä tarinan sanat keskimmäisellä turva-alueella. Yksi ilme joka kokoon selittää miksi.

  5. 5

    Julkaisupäivä: yksi kuva julkaisua kohden

    Julkaise, kiinnitä postaus profiiliisi ja vastaa kaikille. Pidä Product Hunt -galleria samassa ilmeessä, jotta kummastakin paikasta tulevat kävijät näkevät yhden tuotteen.

  6. 6

    Seuraava viikko: kiitä ihmisiä

    Kerro tapahtumista todellisilla luvuilla ja siitä, mitä korjaat seuraavaksi. Tämä julkaisu leviää usein varsinaista julkaisua pidemmälle.

Julkaisun laajempaan kokonaisuuteen auttavat tuotteen julkaisugrafiikat ja ohjelmistoja myydessäsi SaaS-brändäys. Jos vietät julkaisuviikon editorissa, Gradiently toimii myös ChatGPT:ssä, Claudessa ja muissa etä-MCP-palvelimia tukevissa avustajissa. Pyydä jo avoinna olevalta avustajalta julkaisupostaus, ja työ avautuu Studioon lopputarkistusta varten. Ohjeet ovat MCP-sivulla.

Testaa jokainen esikatselu ennen julkaisua

Alustat säilyttävät linkkiesikatseluja välimuistissa päiviä. Tarkista omasi ensin yksityisviestissä. Jos muutat kuvaa myöhemmin, muuta myös tiedostonimi.

Kysy Designerilta

Kerro, mitä tarvitset, niin Gradientlyn tekoäly tekee sen Markillesi.

Kokeile Designeria

Usein kysyttyä

Minkä kokoinen Open Graph -kuvan pitäisi olla?

1200×630 pikseliä. Pidä sanat suurina ja keskellä, sillä kuva näytetään usein pienenä esikatseluna.

Minkä kokoinen X-kansikuva on?

1500×500 pikseliä. Profiilikuva peittää vasenta alakulmaa, joten pidä teksti keskellä ja oikealla.

Tarvitsenko suunnittelijan Product Hunt -julkaisuun?

Et. Tarvitset selkeän yhden lauseen kuvauksen, yhtenäisen ilmeen ja muutaman vaakakuvan, joista kukin näyttää yhden ominaisuuden. Voit tehdä ne itse yhdessä illassa.

Mitä julkisen kehityspäivityksen pitäisi sisältää?

Yksi todellinen luku tai oppi otsikkona, sama sommittelu joka viikko ja tarina julkaisun tekstissä. Jaa hitaat viikot yhtä rehellisesti kuin hyvät.

Miten pidän julkaisugrafiikat yhtenäisinä?

Valitse yksi tausta, fontti ja sommittelu ja suunnittele kaikki koot samasta pääpohjasta yhden kuvan rajaamisen sijaan.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Julkaisugrafiikat, joita indie-kehittäjä tarvitseeAloita Open Graph -kuvastaKirjoita sanat ennen värien valintaaValitse yksi ilme kaikkiin aineistoihinTunnistettavat julkiset kehityspäivityksetX-kansikuva ja profiiliJulkaisuviikon tarkistuslista

Jaa tämä opas

Seuraavaksi aiheesta Käyttötavat

Design-toimiston työnkulku: monta asiakasbrändiä yhdessä paikassa

Lue myös

Kaikki oppaat aiheesta Käyttötavat
Some

Tuotejulkistuksen grafiikat: julkistuspäivän tarkistuslista

4 min lukuaika

Julkistukset menevät pieleen pienissä paikoissa: vanha ylätunniste, puuttuva linkin esikatselu, tarina, jonka kokoa kukaan ei muuttanut. Tässä jokainen aineisto, sen koko ja julkaisuhetki.

Some

OG-kuvan koko: 1200×630 linkin esikatselu, joka toimii kaikkialla

4 min lukuaika

Joka kerta, kun joku liittää linkkisi, pieni kuva ratkaisee, klikkaako kukaan sitä. Tässä ovat koko, tagit ja sommittelu, joilla tuo kuva toimii.

Käyttötavat

SaaS-brändäys: ilme lanseeraukseen ja sen jälkeiseen arkeen

3 min lukuaika

Lanseerauspäivä saa huomion, mutta ohjelmistobrändi rakentuu sen jälkeisissä pienissä julkaisuissa: muutoslokeissa, linkkiesikatseluissa, ohjeiden otsakekuvissa ja työpaikkailmoituksissa. Tämä järjestelmä pitää ne yhtenäisinä.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently