CodeKitHubMikä tämä työkalu on?
Kuvan rajaustyökalu leikkaa suorakulmaisen alueen kuvasta ja hylkää loput. Se on perustavanlaatuisin ja useimmin tarvittu kuvanmuokkaustoimenpide: kuvakaappauksen tiivistäminen olennaiseen ikkunaan, itsesi irrottaminen ryhmäkuvasta avatariksi, sotkuisen taustareunan poistaminen tai maisemakuvan muokkaaminen neliöksi julkaisua varten.
Tämä rajaustyökalu toimii selaimessasi HTML5 Canvas API:n avulla. Kun valitset tiedoston, se puretaan paikallisesti, säädät valintaa vetämällä sen reunoja ja kulmia, ja rajaus luodaan kopioimalla vain nuo pikselit uudelle canvasille. Koska palvelinta ei tarvita, latausaikaa, tiedostokokomaksuja tai yksityisyyskompromisseja ei ole — työkalu toimii jopa offline-tilassa, kun sivu on kerran latautunut.
Miksi käyttää sitä?
- Vedä ja säädä -valinta: siirrä ruutua tai vedä mitä tahansa kulma- tai reunakahvaa, kunnes rajaus on täsmälleen oikea, ja näe koko elävästi pikseleinä.
- Kuvasuhteen valmiiksiasetukset — 1:1, 4:3, 16:9 ja 9:16 — lukitsevat ruudun muodon avattareille, pienoiskuville ja pystysuuntaisille videokansille, tai vaihda vapaaseen tilaan mielivaltaisia rajauksia varten.
- Lataa PNG-muodossa (häviötön, säilyttää läpinäkyvyyden) tai JPG-muodossa (pienemmät tiedostot valokuville) — valinta tehdään vientihetkellä.
- 100 % paikallinen käsittely Canvas API:lla: kuvaasi ei koskaan ladata, lähetetä tai tallenneta minnekään, mikä on tärkeää henkilökorttikuville, asiakirjoille ja henkilötietoja sisältäville kuvakaappauksille.
- Ilmainen, ei vesileimaa, ei rekisteröitymistä, ja toimii puhelimilla ja tableteilla kosketusvedolla siinä missä työpöydälläkin.
Käyttöohje
- Napsauta latausaluetta tai pudota kuvatiedosto sen päälle — JPG, PNG, WebP ja useimmat yleiset muodot toimivat.
- Vedä valintaruudun sisällä siirtääksesi sitä, tai vedä kulma- ja reunakahvoista muuttaaksesi kokoa.
- Valitse halutessasi kuvasuhteen valmiiksiasetus (1:1, 4:3, 16:9, 9:16) lukitaksesi ruudun muodon, tai pidä se vapaana.
- Valitse tulostusmuodoksi PNG tai JPG.
- Paina rajauspainiketta, ja rajattu kuva latautuu välittömästi.
Esimerkki
Syöte
4000×3000-pikselinen valokuva, valinta lukittu 1:1-suhteeseen kasvojen päälle, valittu alue 800×800Tuloste
800×800-pikselinen PNG, joka sisältää vain valitun neliönLopputulos säilyttää alkuperäiset pikselit yksi yhteen — rajaus ei koskaan skaalaa tai pakkaa uudelleen valittua aluetta, ellet vie sitä JPG-muodossa, joka soveltaa lievää valokuvapakkausta.
Yleisiä rajaussuhteita ja niiden käyttökohteita
Valitse suhde alustan mukaan, jolle julkaiset, älä lähdekuvan mukaan — pystykuvan keskeltä rajattu 16:9-pienoiskuva on yleensä parempi kuin mustilla palkeilla täytetty versio. Kun alusta ilmoittaa tarkan pikselikoon, sovita suhde tähän ensin; muodon saaminen oikeaksi jo rajausvaiheessa välttää monien sivustojen automaattisen keskirajauksen, joka usein leikkaa päitä ja tekstiä pois.
| Suhde | Muoto | Tyypillinen käyttö |
|---|---|---|
| 1:1 | Neliö | Profiilikuvat, Instagram-syöte, sovelluskuvakkeet |
| 4:3 | Klassinen vaakakuva | Esitykset, vanhemmat kamerat, iPad-näytöt |
| 16:9 | Laajakuva | YouTube-pienoiskuvat, videokannet, näytöt |
| 9:16 | Pystysuuntainen | Storyt, Reelsit, TikTok, puhelimen taustakuvat |
| Vapaa | Mikä tahansa suorakulmio | Kuvakaappausten tiivistäminen, reunojen poisto, mukautetut asettelut |
Mihin rajaus sijoittuu kuvatyökalujen joukossa
Rajaus muuttaa sitä, mitä kuva näyttää; koon muuttaminen muuttaa sitä, kuinka suuri se on. Tyypillinen avatarin luontiprosessi käyttää molempia: rajaa tässä 1:1-suhteeseen, skaalaa sitten vaadittuun 400×400-kokoon Kuvan koon muuttajalla. Tässä järjestyksessä kohde pysyy terävänä, koska skaalaus tapahtuu vain kerran, lopullisen rajauksen päällä.
Jos tiedosto on rajauksen jälkeenkin liian raskas — yleistä suurten puhelinkuvien kanssa — aja se Kuvan pakkaajan läpi. Ja kun tavoitteena on tiedon piilottaminen eikä poistaminen kuvasta, arkaluontoisen alueen sumentaminen tai pikselöinti sensuurityökalulla säilyttää kuvan muun osan.
→ Kuvan koon muuttaja · Kuvanpakkain · Kuvan sensurointityökalu
Usein kysytyt kysymykset
Ladataanko kuvani palvelimelle?
Ei. Tiedosto avataan suoraan selaimessasi ja käsitellään Canvas API:lla omalla laitteellasi. Mitään ei lähetetä, tallenneta tai kirjata — voit varmistaa tämän lataamalla sivun, katkaisemalla internetyhteyden ja rajaamalla silti. Tämä tekee työkalusta turvallisen henkilökorteille, sopimuksille ja muille arkaluontoisille kuville.
Mitä kuvasuhdetta minun kannattaisi käyttää?
1:1 (neliö) sopii useimpiin profiilikuviin ja Instagram-syötejulkaisuihin. 4:3 vastaa klassisia valokuva- ja esitysmuotoja. 16:9 on standardi YouTube-pienoiskuville, videokansille ja laajakuvanäytöille. 9:16 on pystysuuntaiselle sisällölle — Storyt, Reelsit, TikTok ja puhelimen taustakuvat. Kun mikään alusta ei sanele muotoa, vapaa tila antaa sinun rajata mihin tahansa suorakulmioon.
Pitäisikö minun ladata PNG vai JPG?
PNG on häviötön ja säilyttää läpinäkyvyyden, joten se sopii kuvakaappauksiin, grafiikkoihin, logoihin ja kaikkeen tekstiä sisältävään. JPG pakkaa valokuvamaisen sisällön paljon pienempiin tiedostoihin lähes huomaamattomalla laatuhäviöllä, joten se sopii jaettaviin tai ladattaviin valokuviin. Jos olet epävarma: teksti tai läpinäkyvyys → PNG, valokuva → JPG.
Heikentääkö rajaus kuvanlaatua?
Rajaus itsessään on häviötön — se kopioi valitut pikselit muuttumattomina, joten rajattu alue on pikseli pikseliltä identtinen alkuperäiseen nähden. Ainoa laatuun vaikuttava valinta on vientimuoto: PNG säilyttää kaiken tarkalleen, kun taas JPG soveltaa valokuvapakkausta. Työkalu ei koskaan skaalaa kuvaasi, joten uudelleennäytteistys ei vie terävyyttä.
Voinko rajata tarkkoihin pikselimittoihin?
Valinnan koko näkyy elävästi pikseleinä vetäessäsi, joten voit hienosäätää kahvoja, kunnes koko on tarvitsemasi. Jos tarvitset tarkan kohdekoon, kuten 512×512, alkuperäisestä rajauksesta riippumatta, rajaa tässä oikeaan muotoon (siinä tapauksessa 1:1) ja skaalaa sitten lopputulos Kuvan koon muuttajalla.