Utilia
Kategoriat ▾
Kieli: fi ▾

Paikkamerkkikuvan generaattori

Luo minkä kokoisia paikkamerkkikuvia tahansa omilla väreillä ja tekstillä PNG-, JPG-, WebP- tai SVG-muodossa tai ZIP yleisistä banneri- ja somekooista.

Muoto

Erä yleisiä kokoja

Käyttää yllä olevia värejä, tekstiä ja muotoa. Tyhjä teksti näyttää kunkin koon.

Näin teet paikkamerkkikuvan

  1. Anna Leveys (px) ja Korkeus (px) väliltä 1–10 000 pikseliä. Esikatselu ja sen kuvasuhde päivittyvät kirjoittaessasi.
  2. Kirjoita Teksti tai jätä se tyhjäksi, jolloin kuvaan tulostetaan koko, esimerkiksi ”1200×630”.
  3. Valitse Taustaväri ja Tekstin väri.
  4. Jätä Fontin koko (px) arvoon 0, jos haluat automaattisen kuvaan sopivan koon, tai anna koko pikseleinä. Valitse Fontti.
  5. Valitse Muoto: PNG, JPG, WebP tai SVG, ja napsauta Lataa kuva.

Jos haluat tehdä useita kokoja kerralla, avaa Erä yleisiä kokoja, rastita tarvitsemasi koot (tai käytä Valitse kaikki / Poista valinnat) ja napsauta Lataa valitut koot (ZIP). Jokainen kuva käyttää yllä olevia värejä, fonttia ja muotoa. Kun teksti on tyhjä, jokaisessa kuvassa näkyy sen oma koko.

Minkä muodon valitset

  • SVG on kevein (muutama sata tavua koosta riippumatta) ja pysyy terävänä millä tahansa zoomauksella. Se sopii ihanteellisesti prototyypeille, luonnoksille ja HTML-pohjille. Teksti käyttää järjestelmäfonttia, joten sen ulkonäkö voi vaihdella hieman tietokoneiden välillä.
  • PNG antaa tarkat, häviöttömät pikselit. Valitse se suunnittelutyökaluja varten ja silloin, kun tarvitaan oikea bittikartta.
  • JPG tuottaa pieniä tiedostoja suurille kuville ja kelpaa kaikkialla, myös vanhoissa sisällönhallintajärjestelmissä.
  • WebP on pienempi kuin PNG ja JPG, ja kaikki nykyiset selaimet tukevat sitä.

Rasterimuodot rajoittuvat noin 16,7 miljoonaan pikseliin (esimerkiksi 4096 × 4096), joka on suurin selainten koodattavissa oleva piirtoalue. SVG:llä tällaista rajaa ei ole.

Erän yleiset koot

Koko Käyttö
150 × 150 Pikkukuva, avatar
300 × 250 Keskikokoinen suorakulmamainos
728 × 90 Leaderboard-mainos
160 × 600 Leveä skyscraper-mainos
320 × 50 Mobiilibanneri
1200 × 630 Open Graph / linkin esikatselu
1080 × 1080 Neliöjulkaisu
1080 × 1920 Tarina / pystyvideo
1280 × 720 HD-video, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 4:3-kuva
1600 × 500 Verkkosivun hero-banneri

Mainoskoot noudattavat IAB:n vakioyksiköitä, joita useimmat mainosverkostot käyttävät. Somekoot vastaavat suurimpien alustojen suosituksia.

Miksi käyttää paikkamerkkikuvia?

Paikkamerkit varaavat tarkan tilan, jonka kuva tulee viemään, ennen kuin oikeaa kuvaa on olemassa. Näin suunnittelijat ja kehittäjät voivat tarkistaa taiton, testata responsiivisia murtopisteitä tai näyttää asiakkaalle, mihin kuvat tulevat, ilman että tarvitsee etsiä kuvapankkikuvia. Kun mitat on tulostettu kuvaan, on selvää, minkä kokoista kuvaa kukin paikka odottaa, ja neutraali harmaa pitää huomion taitossa eikä sisällössä.

Koska tämä työkalu luo oikeita tiedostoja, voit käyttää niitä ilman verkkoyhteyttä, tallentaa ne versionhallintaan tai pudottaa ne suunnittelutyökaluun ilman riippuvuutta ulkoiseen paikkamerkkipalveluun, joka voi kaatua tai seurata kävijöitä.

Usein kysytyt kysymykset

Miten saan paikkamerkkikuvan ilman tekstiä?

Kirjoita yksi välilyönti kenttään Teksti. Kuvasta tulee pelkkä taustavärinen suorakulmio.

Voinko käyttää kuvia kaupallisissa hankkeissa?

Kyllä. Kuvat luodaan laitteellasi omista asetuksistasi, eikä mitään tarvitse lisensoida tai mainita.

Mitä ”×” tarkoittaa oletustekstissä?

Se on kertomerkki, jolla mitat kirjoitetaan leveys ensin: ”1200×630” tarkoittaa 1200 pikseliä leveää ja 630 pikseliä korkeaa kuvaa.

Miksi automaattinen fontin koko muuttuu tekstin mukana?

Koko lasketaan niin, että teksti kattaa noin 80 % leveydestä ylittämättä 30 %:a korkeudesta. Lyhyttä tekstiä leveässä bannerissa rajoittaa korkeus, ja pitkää tekstiä kapeassa kuvassa leveys.

Lähetetäänkö mitään palvelimelle?

Ei. Kuvat ja ZIP-tiedosto luodaan kokonaan selaimessasi.

Aiheeseen liittyvät työkalut