Պատկերի կտրիչ անվճար
Կտրեք պատկերները drag-to-select-ով, ըստ ցանկության կողմ-հարաբերակցության սահմանափակումներով (1:1, 16:9, 4:3 ևն), եռյակ կանոնի ցանցով ու բազմաձևաչափ արտահանումով (JPEG, PNG, WebP):
Գցեք ֆայլն այստեղ կամ սեղմեք՝ ընտրելու համար
JPG, PNG, WebP, HEIC, HEIF · մշակվում է ձեր սարքում
կամ սեղմեք Ctrl+V՝ սեղմատախտակից տեղադրելու համար
Հուշում. կարող եք տեղադրել էկրանի պատկերը Ctrl+V-ով
Ձեր ֆայլերը երբեք չեն հեռանում ձեր սարքից: Բոլոր մշակումները տեղի են ունենում տեղական ձեր դիտարկիչում:
Տարածված կիրառություններ
- Կտրել ֆոտոներ `Instagram համար`Կտրել `Instagram նախընտրած 1:1 (քառակուսի), 4:5 (դրվածք) և 1.91:1 (լանդշաֆտ) ասպեկտ հարաբերակցում`:
- Կտրել պրոֆիլ ֆոտոներ `քառակուսի`Ստեղծել քառակուսի պրոֆիլ ֆոտոներ `LinkedIn, Twitter, GitHub կամ ցանկացած սոցիալական համակարգ`:
- Կտրել YouTube և հոդված մինիատյուրներԿտրել `16:9 ասպեկտ հարաբերակցում` որ YouTube վիդեո և շատ բլոգ հերոս պատկերներ բանեցկ:
- Կտրել տոմս / ID ֆոտոներԿտրել ֆոտոներ `ստանդարտ 2:3 դրվածք ասպեկտ հարաբերակցում` տոմս, վիզա և ID հայտերի համար:
- Կտրել e-ծրագիր ապրանքի ֆոտոներՍտանդարտացե ապրանքի ֆոտո ասպեկտ հարաբերակցում `Amazon, Shopify, Etsy և այլ շուկաներ`:
Ինչպես է այն աշխատում
Կտրումը լիովին տեղի է ունենում ձեր դիտարկիչում՝ օգտագործելով HTML5 Canvas API-ն — ոչ մի վերբեռնում, ոչ մի սերվեր։ Դուք քաշում եք ընտրության տարածք ուղղակիորեն canvas տարրի վրա, և երբ կիրառում եք կտրումը, դիտարկիչի ներկառուցված 2D մատուցման շարժիչը կարդում է միայն ընտրված պիքսելները և կրկին կոդավորում է դրանք JPEG, PNG կամ WebP-ի։
- 1Պատկերը բեռնված է հիշողության մեջՁեր ֆայլը կարդացվում է URL.createObjectURL()-ով, որը դիտարկիչին հանձնում է տեղական blob URL։ HTMLImageElement-ը ֆայլն ամբողջովին վերծանում է դիտարկիչի ներդիրում — պատկերի բայթերը երբեք չեն հեռանում ձեր սարքից։
- 2Pointer Events-ը վարում է կտրման ընտրությունըԴիտարկիչի Pointer Events API-ն (որը միավորում է մկնիկի, հպման և գրիչի մուտքագրումը) հետևում է քաշումներին canvas ծածկույթի վրա։ Ընտրությունից դուրս սեղմելը սկսում է նոր ուղղանկյուն. ներսում սեղմելը տեղափոխում է այն. ներքևի-աջ անկյան մոտ սեղմելը չափափոխում է այն։ Ընտրովի հարաբերակցության նախապատրաստումները (1:1, 16:9, 4:3 և այլն) սահմանափակում են երկրաչափությունը քաշման ընթացքում։
- 3Canvas-ը գծում է կենդանի նախադիտումըԱմեն կտրման փոփոխության ժամանակ Canvas 2D համատեքստը կրկին գծում է պատկերը, կիրառում է մուգ ծածկույթ ընտրությունից դուրս, մաքրում է կտրման տարածքը՝ սկզբնական պատկերը ամբողջական հավատարմությամբ ցույց տալու համար, և վրադրում է երրորդների-կանոնի ցանց և ծովականաչ չափափոխման բռնակ։
- 4toBlob()-ը կոդավորում և մատուցում է արդյունքըԵրբ սեղմում եք Կտրել, ստեղծվում է նոր էկրանից-դուրս canvas ճշգրիտ կտրման չափերով։ ctx.drawImage()-ը պատճենում է միայն ընտրված ուղղանկյունը, և canvas.toBlob()-ը կոդավորում է արդյունքը՝ օգտագործելով դիտարկիչի բնիկ JPEG, PNG կամ WebP կոդավորիչը ձեր ընտրած որակի կարգավորմամբ։ Ելքը հետ է վերադարձվում որպես տեղական blob URL ներբեռնման համար։
Ձեր պատկերը բացվում է որպես տեղական blob URL և ամբողջովին մշակվում է ձեր դիտարկիչի ներդիրում — ոչինչ ոչ մի պահի չի վերբեռնվում որևէ սերվերի։
Առնչվող գործիքներ
Լուսանկարային կոլաժ Արտադրող
Միավորել լուսանկարներ ցանցային կոլաժներում բաց տարածք, կլոր անկյուն եւ շաբաթական հարաբերակցություն ներկա: HD արտահանում, առ հաշիվ, առ ջրային նշան:
Լուսանկարների Սլայդշոու Ստեղծող
Դարձրեք լուսանկարները MP4 սլայդշոուի՝ երաժշտությամբ, խաչաձև անցումներով և դանդաղ խոշորացմամբ: 16:9, 9:16 կամ քառակուսի, մինչև 1080p: Պատրաստված է ձեր բրաուզերում. ձեր լուսանկարները չեն վերբեռնվում:
Մեջբերման պատկերի ստեղծիչ
Վերածեք մեջբերումը կիսվելու պատրաստ պատկերի։ Ավելացրեք հեղինակին, ընտրեք գույն, գրադիենտ կամ ձեր սեփական լուսանկարը, ընտրեք տառատեսակ և չափ, և ներբեռնեք PNG։