Libreng Pang-crop ng Larawan
Mag-crop ng mga larawan gamit ang drag-to-select, opsyonal na mga constraint ng aspect ratio (1:1, 16:9, 4:3, atbp.), rule-of-thirds grid, at multi-format na export (JPEG, PNG, WebP).
I-drop ang file dito, o mag-click para mag-browse
JPG, PNG, WebP, HEIC, HEIF · pinoproseso sa iyong device
o pindutin ang Ctrl+V para i-paste mula sa clipboard
Tip: puwede kang mag-paste ng screenshot gamit ang Ctrl+V
Ang iyong mga file ay hindi kailanman lumalabas sa iyong device. Lahat ng pagproseso ay nangyayari nang lokal sa iyong browser.
Mga karaniwang gamit
- Mag-crop ng Photos para sa InstagramMag-crop sa Instagram's preferred 1:1 (square), 4:5 (portrait), at 1.91:1 (landscape) aspect ratios.
- Mag-crop ng Profile Pictures sa SquareGumawa ng square profile pictures para sa LinkedIn, Twitter, GitHub, o kahit anong social platform.
- Mag-crop ng YouTube at Article ThumbnailsMag-crop sa 16:9 aspect ratio na ginagamit ng YouTube videos at karamihan ng blog hero images.
- Mag-crop ng Passport / ID PhotosMag-crop ng photos sa standard 2:3 portrait ratio para sa passport, visa, at ID applications.
- Mag-crop ng E-Commerce Product PhotosI-standardize ang product photo aspect ratios para sa Amazon, Shopify, Etsy, at iba pang marketplaces.
Paano ito Gumagana
Buong nangyayari sa iyong browser ang pag-crop gamit ang HTML5 Canvas API — walang upload, walang server. Nagda-drag ka ng selection region direkta sa isang canvas element, at kapag in-apply mo ang crop, binabasa ng built-in na 2D rendering engine ng browser ang mga napiling pixel lang at nire-re-encode sa JPEG, PNG, o WebP.
- 1Nilo-load sa memory ang larawanBinabasa ang file mo gamit ang URL.createObjectURL(), na nagbibigay sa browser ng lokal na blob URL. Dine-decode ng isang HTMLImageElement ang file nang buo sa tab ng browser — hindi kailanman umaalis sa device mo ang mga byte ng larawan.
- 2Pinapatakbo ng Pointer Events ang crop selectionSinusubaybayan ng Pointer Events API ng browser (na pinag-iisa ang input ng mouse, touch, at pen) ang pag-drag sa isang canvas overlay. Kapag pumindot sa labas ng selection, nagsisimula ng bagong parihaba; sa loob, inililipat ito; malapit sa kanang-ibabang sulok, nire-resize ito. Nililimitahan ng mga opsyonal na aspect-ratio preset (1:1, 16:9, 4:3, atbp.) ang geometry habang nagda-drag.
- 3Iginuguhit ng Canvas ang live previewSa bawat pagbabago ng crop, iginuguhit ulit ng Canvas 2D context ang larawan, nilalagyan ng madilim na overlay sa labas ng selection, nililinis ang crop region para ipakita ang orihinal na larawan sa buong kalidad, at nagpapatong ng rule-of-thirds na grid at teal na resize handle.
- 4Ine-encode at inihahatid ng toBlob() ang resultaKapag nag-click ka sa Crop, gumagawa ng bagong off-screen na canvas sa eksaktong sukat ng crop. Kinokopya ng ctx.drawImage() ang napiling parihaba lang, at ine-encode ng canvas.toBlob() ang resulta gamit ang native na JPEG, PNG, o WebP encoder ng browser sa napili mong kalidad. Ibinabalik ang output bilang lokal na blob URL para i-download.
Binubuksan ang larawan mo bilang lokal na blob URL at pinoproseso nang buo sa loob ng tab ng iyong browser — walang ina-upload sa anumang server kahit kailan.
Mga Kaugnay na Tool
Gumagawa ng Photo Collage
Pagsamahin ang mga larawan sa grid collages na may spacing, rounded corners, at social aspect-ratio presets. HD export, walang account, walang watermark.
Photo Slideshow Maker
Gawing MP4 slideshow ang mga larawan na may musika, cross-fade at mabagal na zoom. 16:9, 9:16 o square, hanggang 1080p. Ginawa sa iyong browser; ang iyong mga larawan ay hindi ina-upload.
Quote Image Maker
Gawing larawang maibabahagi ang isang quote. Idagdag ang may-akda, pumili ng kulay, gradient o sarili mong litrato, pumili ng font at laki, at mag-download ng PNG.