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

Sovelluksen julkaisugrafiikat: ilmoita kaikkialla kerralla

Julkaisupäivänä sovelluksesi näkyy kaikkialla yhtä aikaa ihmisille, jotka päättävät sekunnissa, napauttavatko sitä. Tässä ovat koko grafiikkapaketti, koot ja tekemisen järjestys.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·3 min lukuaika
Kansi: Mirrored Crater · GR·PMRA·Y3

Lyhyesti

  • Sovelluksen julkaisugrafiikat toimivat parhaiten yhdestä suunnitelmasta tehtynä pakettina: julkaisuina, Open Graph -kuvana, profiiliotsakkeina ja galleriakuvina.
  • Jaetun linkin mukana näkyvä Open Graph -kuva on 1200×630 pikseliä, ja X-otsake on 1500×500.
  • Julkaisujulkaisussa pitää nimetä sovellus, kertoa yhdellä lauseella sen tehtävä ja ohjata latauspaikkaan.
  • Päivitä linkkiesikatselu, otsakkeet ja verkkosivun pääkuva ennen muita julkaisuja, jotta jokainen julkaisupäivänä jaettu linkki näyttää heti oikealta.
  • Yhtenäinen tausta kaikissa julkaisugrafiikoissa auttaa tunnistamaan saman sovelluksen eri syötteissä.
Tällä sivulla
Aloita yhdestä lauseesta ja ilmeestäSovelluksen julkaisugrafiikkapaketti kokoineenMiksi linkkiesikatselu on tärkein kuvaSovelluksen julkaisujulkaisun suunnitteluSovelluksen julkaisugrafiikoiden tekemisjärjestys

Hyvät sovelluksen julkaisugrafiikat ovat yksi suunnitelma monessa muodossa: ilmoitus jokaiseen verkostoon, 1200×630-linkkiesikatselu jokaiselle URL-jakokerralle, uudet profiiliotsakkeet ja lyhyt galleriakuvasarja Product Huntin kaltaisille julkaisusivustoille. Tee ne yhdessä yhden ilmeen ja lauseen pohjalta. Julkaisupäivä tuntuu silloin yhdeltä tapahtumalta eikä yhteen sopimattomien kuvakaappausten sekamelskalta.

Aloita yhdestä lauseesta ja ilmeestä

Kirjoita ennen grafiikkaa alle kymmenellä sanalla, mitä sovellus tekee ja kenelle. ”Jaa vuokra kämppisten kanssa ilman kiusallista keskustelua” toimii. ”Yhteisen talouden tulevaisuus” ei toimi, koska kukaan ei osaa kuvitella sitä. Sama lause menee muuttumattomana jokaiseen kuvaan. Viesti toistuu, vaikka muoto muuttuu. Tekstin kirjoittaminen kuviin kertoo lisää rivin tiivistämisestä.

Lukitse sitten ilme: sovelluskuvakkeen värit muuttuvat taustaksi ja sen kirjaintyyppi otsikoksi. Erottuva tausta merkitsee enemmän kuin luulisi, koska samoja valkoisten käyttöliittymien kuvakaappauksia näkyy jokaisena julkaisupäivänä. Julkaisupäivän grafiikat käsittelee tätä kaikentyyppisille tuotteille.

Kolme julkaisutaustaa tavallisista sovelluskuvakkeiden väreistä. Valitse kuvakettasi lähin ja käytä sitä koko paketissa.

Sovelluksen julkaisugrafiikkapaketti kokoineen

Open Graph -linkkiesikatselu

Koko

1200×630 px

Sisältö

Sovelluksen nimi, lause, kuvake
X-otsake1500×500 px

Sisältö

Lause ja ”Nyt saatavilla”
X:n tai Blueskyn julkaisujulkaisu

Koko

1600×900 px

Sisältö

Tärkein näkymä tai lause
LinkedIn-julkaisu

Koko

1200×1200 px

Sisältö

Lause ja tekijän viesti
Instagram-julkaisu

Koko

1080×1350 px

Sisältö

Kuvake, nimi ja lause
Tarina1080×1920 px

Sisältö

”Nyt saatavilla” ja latauspaikka
Verkkosivun pääkuva

Koko

1920×1080 px

Sisältö

Lause ja sovelluskauppapainikkeet
Sähköpostin otsake

Koko

1200×600 px

Sisältö

Nimi ja ”Nyt käytössä”
GrafiikkaKokoSisältö
Open Graph -linkkiesikatselu1200×630 pxSovelluksen nimi, lause, kuvake
X-otsake1500×500 pxLause ja ”Nyt saatavilla”
X:n tai Blueskyn julkaisujulkaisu1600×900 pxTärkein näkymä tai lause
LinkedIn-julkaisu1200×1200 pxLause ja tekijän viesti
Instagram-julkaisu1080×1350 pxKuvake, nimi ja lause
Tarina1080×1920 px”Nyt saatavilla” ja latauspaikka
Verkkosivun pääkuva1920×1080 pxLause ja sovelluskauppapainikkeet
Sähköpostin otsake1200×600 pxNimi ja ”Nyt käytössä”
Peruspaketti. App Storen ja Google Playn kuvakaappausten omat vaaditut koot ovat Applen ja Googlen kehittäjäohjeissa. Product Hunt näyttää nykyiset pikkukuva- ja galleriavaatimukset lähetyslomakkeessa. Tee ne vaakamuodossa samasta pääsuunnitelmasta.

Linkkiesikatselu

1200 × 630

X-otsake

1500 × 500

X-julkaisu 16:9

1600 × 900

Instagram 4:5

1080 × 1350

Tarina 9:16

1080 × 1920

Pitkästä, kapeasta otsakkeesta korkeaan tarinaan mittakaavassa. Sanat on aseteltava kussakin eri tavalla. Siksi yhden kuvan venyttäminen ei toimi.

Miksi linkkiesikatselu on tärkein kuva

Julkaisupäivänä URL-osoitettasi liitetään keskusteluihin, julkaisuihin, foorumeille ja uutiskirjeisiin, joita et koskaan näe. Jokainen näyttää Open Graph -kuvasi, joten se on huomaamatta katsotuin julkaisugrafiikka. Tee siitä 1200×630, laita sovelluksen nimi ja lause keskelle ja pidä teksti poissa reunoista, koska osa sovelluksista rajaa neliöön. Tarkista kuva jakamisen testaustyökalulla ennen julkaisua. Open Graph -kuvan koko näyttää rajaukset, ja Open Graph -tunnisteet antaa merkintäkoodin.

html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
Linkkiesikatselua ohjaavat tunnisteet. Käytä kuvalle absoluuttista https-osoitetta ja vaihda tiedostonimeä päivityksen yhteydessä, jotta alustat hakevat uuden kuvan.

Sovelluksen julkaisujulkaisun suunnittelu

Julkaisujulkaisu kilpailee kaiken muun syötesisällön kanssa, joten sen on avauduttava yhdellä silmäyksellä. Aloita lauseesta, älä logosta. Näytä yksi näkymä, älä viittä. Kerro, mistä sovelluksen saa. X:ssä ja Blueskyssä ketju toimii hyvin: grafiikka ensin, sitten lyhyt video ja sen jälkeen tekijän tarina.

Rentwise on julkaistu
Jaa vuokra ilman kiusallista puhetta.
Ilmaiseksi iPhonelle ja Androidille
Gradiently · @gradiently

X:n ja Blueskyn julkaisu koossa 1600×900: lause kantaa julkaisua.

Rentwise
Nyt saatavilla.
Linkki biossa
Gradiently · @gradiently

Tarina: lyhyt viesti ja ohjaus eteenpäin samalla taustalla.

Vältä

  • Kuuden puhelinkuvakaappauksen ruudukko
  • Minkään ”mullistamista”
  • Uusi värimaailma vain julkaisua varten
  • Teksti esikatselukuvan ulkoreunoilla

Tee näin

  • Yksi näkymä, joka näyttää tärkeimmän hetken
  • Selkeä lause sovelluksen tehtävästä
  • Kuvakkeen omat värit kaikkialla
  • Sanat keskellä ja väljät marginaalit

Lyhyet näyttötallenteet sopivat sovelluksiin hyvin, koska ne näyttävät tärkeimmän hetken liikkeessä: napautuksen ja tuloksen. Pidä ne alle kahdessakymmenessä sekunnissa, laita lause ensimmäiseen ruutuun ja lisää tekstitys. Moni selaa äänettömästi. Tuotedemovideo käsittelee rytmitystä ja rajausta.

Sovelluksen julkaisugrafiikoiden tekemisjärjestys

  1. 1

    Viikko ennen: pääsuunnitelma

    Lause, kuvake, tausta ja kirjaintyyppi yhdessä vaakakehyksessä. Kaikki muu syntyy siitä.

  2. 2

    Viikko ennen: tulossa pian -julkaisu

    Vihjaa päivämäärästä ja lisää odotuslistan linkki. Tulossa pian -julkaisu antaa sommitteluja.

  3. 3

    Kaksi päivää ennen: esikatselut ja otsakkeet

    Julkaise Open Graph -kuva, X-otsake ja verkkosivun pääkuva ajoissa, jotta päivän jaetut linkit näyttävät oikeilta.

  4. 4

    Edellisenä päivänä: kaikki julkaisujulkaisut

    Vie kaikki koot ja kirjoita kunkin verkoston kuvatekstit etukäteen.

  5. 5

    Julkaisupäivä: julkaise, vastaa, toista

    Käytä päivä ihmisille vastaamiseen, älä grafiikan tekemiseen.

  6. 6

    Viikko jälkeen: kiitos

    Merkkipaalu- tai kiitosjulkaisu samalla ilmeellä päättää julkaisuvaiheen.

Gradiently sopii tähän työnkulkuun hyvin. Suunnittele pääversio kerran Markin päälle ja muuta se Prolla kaikkiin paketin kokoihin yhdellä kertaa. Mark pitää lauseen luettavana eri muodoissa siirtämällä rauhallisimman alueensa sanojen taakse. Jos työstät julkaisua jo ChatGPT:ssä tai Claudessa, voit yhdistää Gradientlyn niihin. Avustaja voi luonnostella paketin suunnitelmiksi, jotka avautuvat Studiossa. Indie-kehittäjän julkaisugrafiikat käsittelee samaa pakettia verkkotuotteille.

Kysy Designerilta

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

Kokeile Designeria

Usein kysyttyä

Mitä grafiikoita tarvitsen sovelluksen julkaisuun?

1200×630-linkkiesikatselun, päivitetyn 1500×500 X-otsakkeen, julkaisut kaikkiin käyttämiisi verkostoihin, tarinan, verkkosivun pääkuvan ja galleriakuvat julkaisusivustoille. Tee kaikki yhdestä pääsuunnitelmasta.

Minkä kokoinen Product Huntin galleriakuva on?

Product Hunt kertoo nykyiset pikkukuva- ja galleriavaatimuksensa lähetyslomakkeessa. Tee kuvat vaakamuodossa samasta pääsuunnitelmasta kuin muut grafiikat, jotta ilme pysyy yhtenäisenä.

Mitä sovelluksen julkaisujulkaisussa pitää sanoa?

Sovelluksen nimi, yksi lause siitä, mitä se tekee ja kenelle, sekä latauspaikka. Jätä muu kuvatekstiin tai ketjuun.

Milloin linkkiesikatselukuva kannattaa päivittää?

Päivää tai kahta ennen julkaisua uudella tiedostonimellä. Testaa sitten jakamisen testaustyökalulla. Alustat tallentavat esikatselut välimuistiin, joten myöhäinen muutos ei ehkä näy julkaisupäivänä.

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

Aloita yhdestä lauseesta ja ilmeestäSovelluksen julkaisugrafiikkapaketti kokoineenMiksi linkkiesikatselu on tärkein kuvaSovelluksen julkaisujulkaisun suunnitteluSovelluksen julkaisugrafiikoiden tekemisjärjestys

Jaa tämä opas

Seuraavaksi aiheesta Käyttötavat

Avoimen lähdekoodin projektin brändäys: README ja julkaisut

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

Indie-kehittäjän markkinointi: julkaisugrafiikat itse

5 min lukuaika

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

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