Vai al contenuto principale
LibraTool logoLibraTool

Ritaglio Immagini gratis

Ritaglia immagini con selezione a trascinamento, vincoli opzionali del rapporto d'aspetto (1:1, 16:9, 4:3, ecc.), griglia dei terzi e esportazione multi-formato (JPEG, PNG, WebP).

Funziona offline una volta caricato

Trascina qui un file o fai clic per sfogliare

JPG, PNG, WebP, HEIC, HEIF · elaborato sul tuo dispositivo

oppure premi Ctrl+V per incollare dagli appunti

Sfoglia file

Suggerimento: puoi incollare uno screenshot con Ctrl+V

I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene localmente nel browser.

Usi comuni

  • Ritaglia Foto per InstagramRitaglia ai rapporti di aspetto preferiti di Instagram: 1:1 (quadrato), 4:5 (ritratto), e 1.91:1 (panorama).
  • Ritaglia Foto Profilo a QuadratoCrea foto profilo quadrate per LinkedIn, Twitter, GitHub o qualsiasi piattaforma social.
  • Ritaglia Miniature YouTube e ArticoliRitaglia al rapporto di aspetto 16:9 usato da video YouTube e la maggior parte di immagini hero di blog.
  • Ritaglia Foto Passaporto / IDRitaglia foto al rapporto ritratto standard 2:3 per applicazioni passaporto, visto e ID.
  • Ritaglia Foto Prodotto E-CommerceStandardizza rapporti di aspetto foto prodotto per Amazon, Shopify, Etsy e altri marketplace.

Come funziona

Il ritaglio avviene interamente nel tuo browser usando l'API Canvas HTML5 — nessun caricamento, nessun server. Trascini una regione di selezione direttamente su un elemento canvas, e quando applichi il ritaglio, il motore di rendering 2D integrato del browser legge solo i pixel selezionati e li ricodifica in JPEG, PNG, o WebP.

  1. 1
    Immagine caricata in memoria
    Il tuo file viene letto con URL.createObjectURL(), che consegna al browser un URL blob locale. Un HTMLImageElement decodifica il file interamente nella scheda del browser — i byte dell'immagine non lasciano mai il tuo dispositivo.
  2. 2
    I Pointer Events guidano la selezione del ritaglio
    La Pointer Events API del browser (che unifica input di mouse, tocco, e penna) traccia i trascinamenti su una sovrapposizione canvas. Premere fuori dalla selezione inizia un nuovo rettangolo; premere dentro lo sposta; premere vicino all'angolo in basso a destra lo ridimensiona. Preimpostazioni di proporzioni opzionali (1:1, 16:9, 4:3, ecc.) vincolano la geometria durante il trascinamento.
  3. 3
    Canvas disegna l'anteprima dal vivo
    A ogni modifica del ritaglio, il contesto Canvas 2D ridisegna l'immagine, applica una sovrapposizione scura fuori dalla selezione, pulisce la regione di ritaglio per mostrare l'immagine originale a piena fedeltà, e sovrappone una griglia della regola dei terzi e una maniglia di ridimensionamento verde acqua.
  4. 4
    toBlob() codifica e consegna il risultato
    Quando clicchi Ritaglia, viene creato un nuovo canvas fuori schermo alle dimensioni esatte del ritaglio. ctx.drawImage() copia solo il rettangolo selezionato, e canvas.toBlob() codifica il risultato usando l'encoder JPEG, PNG, o WebP nativo del browser all'impostazione di qualità scelta. L'output viene restituito come URL blob locale per il download.

La tua immagine viene aperta come URL blob locale ed elaborata interamente all'interno della scheda del tuo browser — nulla viene caricato su alcun server in nessun momento.

Strumenti correlati

Domande frequenti