Attēla apgriešana bez maksas
Apgriez attēlus ar vilkšanas atlasi, izvēles skata attiecības ierobežojumiem (1:1, 16:9, 4:3 u.c.), trešdaļu režģi un vairāku formātu eksportu (JPEG, PNG, WebP).
Nometiet failu šeit vai noklikšķiniet, lai izvēlētos
JPG, PNG, WebP, HEIC, HEIF · apstrādāts jūsu ierīcē
vai nospiediet Ctrl+V, lai ielīmētu no starpliktuves
Padoms: ekrānuzņēmumu varat ielīmēt ar Ctrl+V
Jūsu faili nekad neatstāj jūsu ierīci. Visa apstrāde notiek lokāli jūsu pārlūkprogrammā.
Biežākie lietojumi
- Apgriežu fotogrāfijas InstagramApgriežu uz Instagram vēlamo aspekta attiecību 1:1 (kvadrāts), 4:5 (portrets) un 1.91:1 (ainava).
- Apgriežu profila attēlus uz kvadrātuIzveidojiet kvadrātveida profila fotogrāfijas LinkedIn, Twitter, GitHub vai jebkurai sociālo tīklu platformai.
- Apgriežu YouTube un rakstu miniatūrasApgriežu uz 16:9 aspekta attiecību, ko izmanto YouTube video un lielākā daļa bloga varonis fotogrāfiju.
- Apgriežu pases/ID fotogrāfijasApgriežu fotogrāfijas uz standarta 2:3 portreta aspekta attiecību pasēm, vizām un ID pieteikumiem.
- Apgriežu e-komercijas produktu fotogrāfijasStandartizējiet produktu fotogrāfiju aspekta attiecības Amazon, Shopify, Etsy un citiem tirgiem.
Kā tas darbojas
Apgriešana notiek pilnībā jūsu pārlūkprogrammā, izmantojot HTML5 Canvas API — bez augšupielādes, bez servera. Jūs velkat izvēles reģionu tieši uz audekla elementa, un, kad pielietojat apgriešanu, pārlūkprogrammas iebūvētais 2D renderēšanas dzinējs nolasa tikai izvēlētos pikseļus un pārkodē tos JPEG, PNG vai WebP.
- 1Attēls ielādēts atmiņāJūsu fails tiek nolasīts ar URL.createObjectURL(), kas pārlūkprogrammai piešķir lokālu blob URL. HTMLImageElement dekodē failu pilnībā pārlūkprogrammas cilnē — attēla baiti nekad neatstāj jūsu ierīci.
- 2Pointer Events vada apgriešanas izvēliPārlūkprogrammas Pointer Events API (kas apvieno peles, pieskāriena un pildspalvas ievadi) izseko vilkšanu uz audekla pārklājuma. Nospiešana ārpus izvēles sāk jaunu taisnstūri; nospiešana iekšā to pārvieto; nospiešana pie apakšējā labā stūra to pārmēroga. Neobligātas malu attiecības sagataves (1:1, 16:9, 4:3 utt.) ierobežo ģeometriju vilkšanas laikā.
- 3Canvas zīmē dzīvo priekšskatījumuAr katru apgriešanas izmaiņu Canvas 2D konteksts pārzīmē attēlu, pielieto tumšu pārklājumu ārpus izvēles, notīra apgriešanas reģionu, lai parādītu oriģinālo attēlu pilnā precizitātē, un uzliek trešdaļu-likuma režģi un tirkīza krāsas izmēra maiņas turētāju.
- 4toBlob() kodē un piegādā rezultātuKad noklikšķināt Apgriezt, tiek izveidots jauns ekrāna neredzams audekls precīzos apgriešanas izmēros. ctx.drawImage() kopē tikai izvēlēto taisnstūri, un canvas.toBlob() kodē rezultātu, izmantojot pārlūkprogrammas vietējo JPEG, PNG vai WebP kodētāju jūsu izvēlētajā kvalitātes iestatījumā. Izvade tiek nodota atpakaļ kā lokāls blob URL lejupielādei.
Jūsu attēls tiek atvērts kā lokāls blob URL un apstrādāts pilnībā jūsu pārlūkprogrammas cilnē — nekas nevienā brīdī netiek augšupielādēts uz nevienu serveri.
Saistītie rīki
Foto kolāžas veidotājs
Apvienojiet fotoattēlus režģa koližās ar atstarpi, noapaļotiem stūriem un iepriekš iestatītu aspekta attiecību. HD eksports, bez konta, bez ūdenszīmes.
Foto slīdrādes veidotājs
Pārvērtiet fotoattēlus MP4 slīdrādē ar mūziku, pārejām un lēnu tālummaiņu. 16:9, 9:16 vai kvadrāts, līdz 1080p. Izveidots jūsu pārlūkprogrammā; jūsu fotoattēli netiek augšupielādēti.
Citātu attēlu veidotājs
Pārvērt citātu attēlā, ko var kopīgot. Pievieno autoru, izvēlies krāsu, gradientu vai savu foto, izvēlies fontu un izmēru un lejupielādē PNG.