Vaizdų apkarpytuvas nemokamai
Apkirpkite vaizdus vilkdami norėdami pasirinkti, su pasirinktiniais proporcijų apribojimais (1:1, 16:9, 4:3 ir kt.), trečdalių tinkleliu ir kelių formatų eksportu (JPEG, PNG, WebP).
Nuvilkite failą čia arba spustelėkite, kad pasirinktumėte
JPG, PNG, WebP, HEIC, HEIF · apdorojama jūsų įrenginyje
arba paspauskite Ctrl+V, kad įklijuotumėte iš iškarpinės
Patarimas: ekrano nuotrauką galite įklijuoti su Ctrl+V
Jūsų failai niekada nepalieka jūsų įrenginio. Visas apdorojimas vyksta vietiškai jūsų naršyklėje.
Dažniausi naudojimo būdai
- Supjaustykite nuotraukas InstagramSupjaustykite Instagram pageidautas 1:1 (kvadratas), 4:5 (portetas) ir 1.91:1 (peizazas) aspekto santykyjs.
- Supjaustykite profilio nuotraukas i kvadrataSukurkite kvadratines profilio nuotraukas LinkedIn, Twitter, GitHub arba bet kokiai socialinio tiinklo platformai.
- Supjaustykite YouTube ir straibio miniatiurasSupjaustykite 16:9 aspekto santyki, naudojama YouTube vaizdo irasu ir daugiausia blogo heroju nuotrauku.
- Supjaustykite paso/ID nuotraukasSupjaustykite nuotraukas i standartin 2:3 portetini santyki pasam, vizom ir ID programoms.
- Supjaustykite e-komercijos produktij nuotraukasStandartizuokite produkto nuotrauku aspekto santykyjs Amazon, Shopify, Etsy ir kitiems trzincoms.
Kaip tai veikia
Apkarpymas vyksta visiškai jūsų naršyklėje, naudojant HTML5 Canvas API — jokio įkėlimo, jokio serverio. Tempiate pasirinkimo sritį tiesiai ant drobės elemento, ir pritaikius apkarpymą, naršyklės įtaisytas 2D atvaizdavimo variklis nuskaito tik pasirinktus pikselius ir perkoduoja juos į JPEG, PNG ar WebP.
- 1Paveikslėlis įkeliamas į atmintįJūsų failas nuskaitomas su URL.createObjectURL(), kuris naršyklei perduoda vietinį blob URL. HTMLImageElement dekoduoja failą visiškai naršyklės skirtuke — paveikslėlio baitai niekada nepalieka jūsų įrenginio.
- 2Pointer Events valdo apkarpymo pasirinkimąNaršyklės Pointer Events API (kuris suvienija pelės, lietimo ir plunksnos įvestį) seka tempimą ant drobės sluoksnio. Paspaudus už pasirinkimo ribų, pradedamas naujas stačiakampis; paspaudus viduje, jis perkeliamas; paspaudus arti apačios-dešinės kampo, jis keičiamas dydžiu. Pasirenkami kraštinių santykio profiliai (1:1, 16:9, 4:3 ir t.t.) apriboja geometriją tempimo metu.
- 3Canvas piešia gyvą peržiūrąKaskart pasikeitus apkarpymui, Canvas 2D kontekstas iš naujo nupiešia paveikslėlį, taiko tamsų sluoksnį už pasirinkimo ribų, išvalo apkarpymo sritį, kad rodytų originalų paveikslėlį pilnos kokybės, ir uždeda trečdalių taisyklės tinklelį bei žydrą dydžio keitimo rankenėlę.
- 4toBlob() užkoduoja ir pateikia rezultatąSpustelėjus „Apkirpti“, sukuriama nauja ekrane nematoma drobė tiksliai pagal apkarpymo matmenis. ctx.drawImage() nukopijuoja tik pasirinktą stačiakampį, o canvas.toBlob() užkoduoja rezultatą, naudodamas naršyklės natyvų JPEG, PNG ar WebP koduoklį jūsų pasirinktu kokybės nustatymu. Išvestis grąžinama kaip vietinis blob URL atsisiuntimui.
Jūsų paveikslėlis atveriamas kaip vietinis blob URL ir apdorojamas visiškai jūsų naršyklės skirtuke — niekas jokiu metu neįkeliama į jokį serverį.
Susiję įrankiai
Nuotraukų koliažo kūrėjas
Sujunkite nuotraukas į tinklelio koliažus su tarpais, suapvalintais kampais ir iš anksto nustatytais socialinių tinklų kraštinių santykiais. HD eksportas, be paskyros, be vandenženklio.
Nuotraukų skaidrių kūrimo įrankis
Paverskite nuotraukas MP4 skaidrių demonstracija su muzika, perėjimais ir lėtu priartinimu. 16:9, 9:16 arba kvadratas, iki 1080p. Sukurta jūsų naršyklėje; jūsų nuotraukos neįkeliamos.
Citatos paveikslėlių kūrėjas
Paversk citatą paveikslėliu, kuriuo galima dalytis. Pridėk autorių, pasirink spalvą, gradientą ar savo nuotrauką, pasirink šriftą ir dydį ir atsisiųsk PNG.