Preskoči na glavno vsebino

Obrezovalnik slik — brezplačno

Obrežite slike z izbiranjem z vlečenjem, neobveznimi omejitvami razmerja stranic (1:1, 16:9, 4:3 itd.), mrežo tretjin in izvozom v več formatih (JPEG, PNG, WebP).

Deluje brez povezave po nalaganju

Spustite datoteko sem ali kliknite za izbiro

JPG, PNG, WebP, HEIC, HEIF · obdelano na vaši napravi

ali pritisnite Ctrl+V za lepljenje iz odložišča

Brskanje po datotekah

Namig: posnetek zaslona lahko prilepite s Ctrl+V

Vaše datoteke nikoli ne zapustijo vaše naprave. Vsa obdelava poteka lokalno v vašem brskalniku.

Pogosta področja uporabe

  • Obrezujte fotografije za InstagramObrezujte na instagramova priljubljena razmerja stranic 1:1 (kvadrat), 4:5 (portret) in 1.91:1 (krajina).
  • Obrezujte slike profila na kvadratUstvarite kvadratne slike profila za LinkedIn, Twitter, GitHub ali katero koli platformo družbenih medijev.
  • Obrezujte YouTube in majhne slike člankovObrezujte na razmerje stranic 16:9, ki ga uporabljajo videoposnetki YouTube in večina herojskih slik blogov.
  • Obrezujte fotografije potnega lista/IDObrezujte fotografije na standardno razmerje portretnega profila 2:3 za potne liste, vize in aplikacije ID.
  • Obrezujte fotografije izdelka e-trgovineStandardizirajte razmerja stranic fotografij izdelkov za Amazon, Shopify, Etsy in druge tržnice.

Kako deluje

Obrezovanje poteka v celoti v vašem brskalniku z uporabo HTML5 Canvas API — brez nalaganja, brez strežnika. Območje izbire povlečete neposredno na elementu platna, ko pa uporabite obrez, vgrajen 2D pogon izrisovanja brskalnika prebere le izbrane piksle in jih znova zakodira v JPEG, PNG ali WebP.

  1. 1
    Slika naložena v pomnilnik
    Vaša datoteka se bere z URL.createObjectURL(), ki brskalniku preda lokalen URL bloba. HTMLImageElement dekodira datoteko v celoti v zavihku brskalnika — bajti slike nikoli ne zapustijo vaše naprave.
  2. 2
    Dogodki kazalca vodijo izbiro obreza
    API Pointer Events brskalnika (ki združuje vnos miške, dotika in peresa) sledi vlečenju na prekrivni plasti platna. Pritisk zunaj izbire začne nov pravokotnik; pritisk znotraj ga premakne; pritisk blizu spodnjega desnega kota spremeni njegovo velikost. Izbirne prednastavitve razmerja stranic (1:1, 16:9, 4:3 itd.) omejujejo geometrijo med vlečenjem.
  3. 3
    Canvas izriše živ predogled
    Ob vsaki spremembi obreza 2D kontekst platna znova nariše sliko, uporabi temno prekrivanje zunaj izbire, počisti območje obreza, da prikaže izvirno sliko v polni kakovosti, ter prekrije mrežo pravila tretjin in tirkizno ročico za spreminjanje velikosti.
  4. 4
    toBlob() kodira in dostavi rezultat
    Ko kliknete Obreži, se ustvari novo platno zunaj zaslona z natančnimi merami obreza. ctx.drawImage() kopira le izbrani pravokotnik, canvas.toBlob() pa kodira rezultat z uporabo nativnega kodirnika JPEG, PNG ali WebP brskalnika pri vaši izbrani nastavitvi kakovosti. Izpis se vrne kot lokalen URL bloba za prenos.

Vaša slika je odprta kot lokalen URL bloba in obdelana v celoti znotraj vašega zavihka brskalnika — v nobenem trenutku se nič ne naloži na noben strežnik.

Sorodna orodja

Pogosto zastavljena vprašanja