Ruka hadi maudhui makuu

Kikata Picha bila malipo

Kata picha kwa kuchagua kwa kuburuta, vikwazo vya uwiano wa mwonekano vya hiari (1:1, 16:9, 4:3, n.k.), gridi ya theluthi ya sheria, na usafirishaji wa umbizo nyingi (JPEG, PNG, WebP).

Inafanya kazi bila mtandao mara ikishapakia

Dondosha faili hapa, au bofya ili kuchagua

JPG, PNG, WebP, HEIC, HEIF · kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili

Kidokezo: unaweza kubandika picha ya skrini kwa Ctrl+V

Faili zako hazitoki kwenye kifaa chako kamwe. Uchakataji wote unafanyika ndani ya kivinjari chako.

Matumizi ya kawaida

  • Kata Picha kwa ajili ya InstagramKata kwa ajili ya uwiano wa pendekezi wa Instagram: 1:1 (mraba), 4:5 (mandhari), 1.91:1 (mandhari).
  • Kata Picha za Wasifu kwa MrabaTengeneza picha za wasifu wa mraba kwa LinkedIn, Twitter, GitHub, au mwa kila kwa kawaida ya kijamii.
  • Kata YouTube na Makala ya KidogoKata kwa ajili ya uwiano wa 16:9 unaotumiwa na video za YouTube na nyingi zaidi ya picha za hadithi ya blog.
  • Kata Picha za Pasipoti / UtambulishoKata picha kwa ajili ya uwiano wa mandhari wa 2:3 wa kawaida kwa ajili ya pasipoti, kadi ya usafiri, na maombi ya utambulisho.
  • Kata Picha za Bidhaa za ElektronikiSawa uwiano wa picha za bidhaa kwa Amazon, Shopify, Etsy, na soko nyingine.

Jinsi Inavyofanya Kazi

Kukata kunafanyika kikamilifu kwenye kivinjari chako kwa kutumia HTML5 Canvas API — hakuna upakiaji, hakuna seva. Unaburuta eneo la uteuzi moja kwa moja kwenye kipengele cha kanvasi, na unapotumia ukataji, injini ya uonyeshaji ya 2D ya ndani ya kivinjari inasoma tu pikseli zilizochaguliwa na kuzisimba upya kuwa JPEG, PNG, au WebP.

  1. 1
    Picha imepakiwa kwenye kumbukumbu
    Faili lako linasomwa na URL.createObjectURL(), inayokabidhi kivinjari URL ya blob ya ndani. HTMLImageElement inasimba faili kikamilifu ndani ya kichupo cha kivinjari — baiti za picha kamwe haziondoki kwenye kifaa chako.
  2. 2
    Pointer Events inaendesha uteuzi wa ukataji
    Pointer Events API ya kivinjari (inayounganisha kipanya, mgusano, na kalamu) inafuatilia uburutaji kwenye upande wa kanvasi. Kubofya nje ya uteuzi kunaanzisha mstatili mpya; kubofya ndani kunausogeza; kubofya karibu na kona ya chini-kulia kunabadilisha ukubwa wake. Mipangilio ya hiari ya uwiano-wa-kipimo (1:1, 16:9, 4:3, n.k.) inazuia umbo wakati wa kuburuta.
  3. 3
    Canvas inachora onyesho la awali la moja kwa moja
    Kwa kila mabadiliko ya ukataji, muktadha wa Canvas 2D unachora upya picha, kutumia mandhari ya nyuma nyeusi nje ya uteuzi, kufuta eneo la ukataji kuonyesha picha ya asili kwa uaminifu kamili, na kuweka juu gridi ya sheria-ya-thuluthi na kishikizo cha kubadilisha ukubwa cha bluu-kijani.
  4. 4
    toBlob() inasimba na kutoa matokeo
    Unapobofya Kata, kanvasi mpya isiyoonekana inaundwa kwa vipimo halisi vya ukataji. ctx.drawImage() inanakili mstatili uliochaguliwa pekee, na canvas.toBlob() inasimba matokeo kwa kutumia kisimbaji cha asili cha JPEG, PNG, au WebP cha kivinjari kwa mpangilio wa ubora uliochaguliwa. Matokeo yanarudishwa kama URL ya blob ya ndani kwa upakuaji.

Picha yako inafunguliwa kama URL ya blob ya ndani na kuchakatwa kikamilifu ndani ya kichupo cha kivinjari chako — hakuna kinachopakiwa kwa seva yoyote wakati wowote.

Zana Zinazohusiana

Maswali Yanayoulizwa Mara Kwa Mara