Кескін кескіштігі — тегін
Сүйреп таңдаумен, міндетті емес пропорция шектеулерімен (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 және мақала түрінеуліктерін қиындарыңызYouTube бейнелері және аса көп блог батыс суреттері пайдаланатын 16:9 аралықты ішіне қиындарыңыз.
- Пәссеп / теңдіктелік суреттерін қиындарыңызПәссеп, визасы және теңдіктелік өндіктеріне стандартты 2:3 портрет аралықты ішіне суреттерін қиындарыңыз.
- Е-сауда өнім суреттерін қиындарыңыз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 жүктеп алыңыз.