Абрэзнік выяў — бясплатна
Абразайце выявы з выбарам перацягваннем, неабавязковымі абмежаваннямі суадносін бакоў (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-відэа і большасцю блог-герояў.
- Кропіце фотаграфіі паспорта / посвідчанніКропіце фотаграфіі да стандартнай суадносіны 2:3 портрэта для паспорта, візы і заяваў ID.
- Кропіце фотаграфіі прадуктаў электроніка-камерцыіСтандартызуйце суадносіны прадуктаў для Amazon, Shopify, Etsy і іншых торгавых плацформаў.
Як гэта працуе
Абразанне адбываецца цалкам у вашым браўзеры з дапамогай HTML5 Canvas API — без загрузкі, без сервера. Вы перацягваеце вобласць вылучэння непасрэдна на элеменце канваса, і калі вы прымяняеце абразанне, убудаваны 2D-рухавік рэндэрынгу браўзера счытвае толькі абраныя піксель і перакадуе іх у JPEG, PNG ці WebP.
- 1Малюнак загружаны ў памяцьВаш файл счытваецца з дапамогай URL.createObjectURL(), які перадае браўзеру лакальны URL блоба. HTMLImageElement дэкадуе файл цалкам у ўкладцы браўзера — байты малюнка ніколі не пакідаюць вашу прыладу.
- 2Pointer Events кіруе вылучэннем абразанняPointer Events API браўзера (які аб'ядноўвае ўвод мышшу, дотыкам і пяром) адсочвае перацягванні на накладцы канваса. Пстрычка па-за вылучэннем пачынае новы прамавугольнік; пстрычка ўнутры перамяшчае яго; пстрычка каля правага ніжняга вугла змяняе яго памер. Апцыянальныя наборы суадносін бакоў (1:1, 16:9, 4:3 і г.д.) абмяжоўваюць геаметрыю падчас перацягвання.
- 3Canvas малюе жывы папярэдні праглядПры кожнай змене абразання кантэкст Canvas 2D перамалёўвае малюнак, прымяняе цёмную накладку па-за вылучэннем, ачышчае вобласць абразання, каб паказаць арыгінальны малюнак з поўнай дакладнасцю, і накладвае сетку правіла трацін і бірузовую ручку змены памеру.
- 4toBlob() кадуе і дастаўляе вынікКалі вы націскаеце Абрэзаць, ствараецца новы закадравы канвас з дакладнымі памерамі абразання. ctx.drawImage() капіруе толькі абраны прамавугольнік, і canvas.toBlob() кадуе вынік з дапамогай нацыўнага кадавальніка JPEG, PNG ці WebP браўзера пры абранай вамі наладзе якасці. Вывад перадаецца назад як лакальны URL блоба для спампоўвання.
Ваш малюнак адкрываецца як лакальны URL блоба і апрацоўваецца цалкам у вашай укладцы браўзера — нічога ні ў адным пункце не загружаецца на які-небудзь сервер.
Звязаныя інструменты
Творца фотаколажаў
Комбінуйце фотаграфіі ў сеткавыя колажы з прамежкам, закругленымі вугламі і прыстаўкамі для сацыяльных медыяў. HD экспорт, без акаўнта, без водянага знака.
Стваральнік фотаслайдшоў
Ператварыце фотаздымкі ў MP4-слайдшоў з музыкай, перакрыжаванымі зацямненнямі і павольным набліжэннем. 16:9, 9:16 або квадрат, да 1080p. Ствараецца ў вашым браўзеры; вашы фота не загружаюцца.
Стваральнік малюнкаў з цытатамі
Ператварыце цытату ў малюнак, якім можна падзяліцца. Дадайце аўтара, абярыце колер, градыент або ўласнае фота, шрыфт і памер і спампуйце PNG.