Salt la conținutul principal
LibraTool logoLibraTool

Decupator Imagini — gratuit

Decupează imagini cu selecție prin glisare, constrângeri opționale de raport de aspect (1:1, 16:9, 4:3 etc.), grilă cu regula treimilor și export în mai multe formate (JPEG, PNG, WebP).

Funcționează offline odată încărcat

Trage un fișier aici sau fă clic pentru a naviga

JPG, PNG, WebP, HEIC, HEIF · procesat pe dispozitivul tău

sau apăsați Ctrl+V pentru a lipi din clipboard

Răsfoiește fișierele

Sfat: poți lipi o captură de ecran cu Ctrl+V

Fișierele tale nu părăsesc niciodată dispozitivul. Toată procesarea se face local în browser.

Utilizări frecvente

  • Decupați fotografiile pentru InstagramDecupați la raporturile de aspect preferate ale Instagram: 1:1 (pătrat), 4:5 (portret) și 1.91:1 (peisaj).
  • Decupați fotografiile de profil în pătratCreați fotografii de profil pătrate pentru LinkedIn, Twitter, GitHub sau orice platformă socială.
  • Decupați miniaturi YouTube și articolDecupați la raportul de aspect 16:9 utilizat de videourile YouTube și majoritatea fotografiilor din blogul hero.
  • Decupați fotografiile de pașaport / IDDecupați fotografiile la raportul de aspect portret standard 2:3 pentru aplicațiile de pașaport, viză și ID.
  • Decupați fotografiile produselor de comerț electronicStandardizați raporturile de aspect ale fotografiei produsului pentru Amazon, Shopify, Etsy și alte piețe.

Cum funcționează

Decuparea se întâmplă în întregime în browser-ul tău folosind API-ul HTML5 Canvas — fără încărcare, fără server. Tragi o regiune de selecție direct pe un element canvas, și când aplici decuparea, motorul de randare 2D integrat al browser-ului citește doar pixelii selectați și îi recodifică la JPEG, PNG, sau WebP.

  1. 1
    Imaginea încărcată în memorie
    Fișierul tău este citit cu URL.createObjectURL(), care transmite browser-ului un URL blob local. Un HTMLImageElement decodifică fișierul în întregime în fila browser-ului — octeții imaginii nu părăsesc niciodată dispozitivul tău.
  2. 2
    API-ul Pointer Events conduce selecția de decupare
    API-ul Pointer Events al browser-ului (care unifică intrarea de la mouse, atingere, și stylus) urmărește tragerile pe o suprapunere canvas. Apăsarea în afara selecției pornește un dreptunghi nou; apăsarea în interior îl mută; apăsarea aproape de colțul din dreapta jos îl redimensionează. Presetări opționale de raport de aspect (1:1, 16:9, 4:3, etc.) constrâng geometria în timpul tragerii.
  3. 3
    Canvas desenează previzualizarea live
    La fiecare schimbare de decupare, contextul Canvas 2D redesenează imaginea, aplică o suprapunere întunecată în afara selecției, curăță regiunea de decupare pentru a arăta imaginea originală la fidelitate completă, și suprapune o grilă regula-treimilor și un mâner de redimensionare turcoaz.
  4. 4
    toBlob() codifică și livrează rezultatul
    Când dai clic pe Decupează, un canvas nou în afara ecranului este creat la dimensiunile exacte de decupare. ctx.drawImage() copiază doar dreptunghiul selectat, iar canvas.toBlob() codifică rezultatul folosind codificatorul nativ JPEG, PNG, sau WebP al browser-ului la setarea de calitate aleasă de tine. Ieșirea este transmisă înapoi ca URL blob local pentru descărcare.

Imaginea ta este deschisă ca URL blob local și procesată în întregime în fila browser-ului tău — nimic nu este încărcat pe niciun server în niciun moment.

Instrumente similare

Întrebări frecvente