Besplatan Isjecanje slike

Isijecite slike povlačenjem za odabir, opcionim ograničenjima omjera stranica (1:1, 16:9, 4:3, itd.), mrežom pravila trećina i izvozom u više formata (JPEG, PNG, WebP).

Radi offline nakon učitavanja

Ispustite datoteke ovdje ili kliknite da ih pregledate

JPG, PNG, WebP, HEIC, HEIF · Nema ograničenja veličine datoteke

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj fajlove

Savjet: možete nalijepiti snimak ekrana pomoću Ctrl+V

Vaši fajlovi nikada ne napuštaju vaš uređaj. Sva obrada se odvija lokalno u vašem pretraživaču.

Kako radi

Isijecanje se u potpunosti odvija u vašem pregledniku koristeći HTML5 Canvas API — bez slanja, bez servera. Povlačite područje selekcije direktno na canvas elementu, i kada primijenite isijecanje, ugrađeni 2D mehanizam za iscrtavanje preglednika čita samo odabrane piksele i ponovo ih kodira u JPEG, PNG, ili WebP.

  1. 1
    Slika učitana u memoriju
    Vaša datoteka se čita sa URL.createObjectURL(), koji predaje pregledniku lokalni blob URL. HTMLImageElement dekodira datoteku u potpunosti u kartici preglednika — bajtovi slike nikada ne napuštaju vaš uređaj.
  2. 2
    Pointer Events pokreće selekciju isijecanja
    Pointer Events API preglednika (koji objedinjuje miš, dodir, i unos olovkom) prati povlačenja na preklopu canvas-a. Pritisak izvan selekcije počinje novi pravougaonik; pritisak unutra ga pomjera; pritisak blizu donjeg-desnog ugla mijenja mu veličinu. Opcioni unaprijed postavljeni omjeri stranica (1:1, 16:9, 4:3, itd.) ograničavaju geometriju tokom povlačenja.
  3. 3
    Canvas crta pregled uživo
    Pri svakoj promjeni isijecanja, Canvas 2D kontekst ponovo crta sliku, primjenjuje tamni preklop izvan selekcije, čisti područje isijecanja da prikaže originalnu sliku u punoj vjernosti, i preklapa mrežu pravila trećina i tirkiznu ručku za promjenu veličine.
  4. 4
    toBlob() kodira i isporučuje rezultat
    Kada kliknete Isijeci, novi skriveni canvas se kreira tačno u dimenzijama isijecanja. ctx.drawImage() kopira samo odabrani pravougaonik, i canvas.toBlob() kodira rezultat koristeći native JPEG, PNG, ili WebP enkoder preglednika na vašoj odabranoj postavci kvaliteta. Izlaz se vraća kao lokalni blob URL za preuzimanje.

Vaša slika se otvara kao lokalni blob URL i obrađuje u potpunosti unutar vaše kartice preglednika — ništa se ne šalje nikakvom serveru ni u jednom trenutku.

Povezani alati

Često postavljana pitanja