Loading...
Loading...
Aggiungi frecce, callout, rettangoli, disegni a mano libera e etichette su qualsiasi foto o screenshot — trascina per riposizionare, annulla in qualsiasi momento, esporta come PNG, JPG o WebP.
Un annotatore di foto ti consente di disegnare sopra una foto o uno screenshot per evidenziare, puntare o etichettare qualcosa. A differenza di un editor completo, non modifica i pixel sottostanti — le tue annotazioni vivono come uno strato di forme in stile vettoriale (frecce, rettangoli, testo, tratti a mano libera) che vengono incorporate nell'immagine solo quando esporti. Questo lo rende perfetto per segnalazioni di bug, feedback di design, passaggi di ricette, markup dei compiti dei bambini, annunci immobiliari e il quotidiano problema di 'guarda questa cosa proprio qui'. Questo strumento ti offre cinque strumenti (seleziona, testo, freccia, rettangolo, a mano libera), una tavolozza di colori più un selettore di colori personalizzati, e quattro larghezze di tratto. Tutto funziona nel tuo browser, quindi gli screenshot con contenuti sensibili non lasciano mai il tuo dispositivo.
Trascina un file JPG, PNG o WebP nell'area di caricamento, oppure clicca per scegliere dal tuo dispositivo. Screenshot, foto di telefono, scatti di prodotto — qualsiasi cosa che i browser possono visualizzare funziona.
Usa Freccia per puntare a qualcosa, Rettangolo per racchiuderlo, A mano libera per cerchiare o scarabocchiare, e Testo per aggiungere un'etichetta. Scegli un colore dalla tavolozza o apri il selettore di colori personalizzati per qualsiasi valore esadecimale.
Trascina per disegnare frecce e rettangoli. Trascina con A mano libera per scarabocchiare. Con lo strumento Testo, digita prima la tua etichetta, poi clicca sulla foto per posizionarla dove vuoi.
Passa a Seleziona, poi trascina qualsiasi annotazione per spostarla. Clicca su Annulla per rimuovere l'ultima, oppure clicca su un'annotazione e premi Elimina. Cancella tutto rimuove lo strato in un solo passaggio.
Scegli PNG (senza perdita, consigliato per screenshot), JPG (più piccolo, foto), o WebP (miglior rapporto qualità-dimensione), poi clicca su Scarica. Le annotazioni vengono incorporate nell'esportazione alla risoluzione originale.
1. Decodifica l'immagine sorgente con createImageBitmap() — nativo, senza libreria. 2. Visualizza la foto su un canvas a schermo a scala di anteprima (≤ 900 px sul lato più lungo). 3. Ogni annotazione è memorizzata come un oggetto tipizzato (tipo, coordinate, colore, tratto). 4. Durante l'esportazione, disegna prima l'immagine a risoluzione originale su un nuovo canvas. 5. Riproduci ogni annotazione sopra usando ctx.drawImage / strokeRect / ecc. 6. Codifica con canvas.toBlob(format, quality) e offri come download.
Memorizzare le annotazioni come oggetti piuttosto che incorporarle direttamente nei pixel ha due reali vantaggi. Primo, mantieni intatta la foto originale — annulla, elimina e riposiziona sono tutte semplici modifiche di stato, non è necessario uno strumento 'cancella' distruttivo. Secondo, l'esportazione utilizza la risoluzione originale: l'anteprima a schermo può ridursi a 900 pixel, ma quando clicchi su Scarica, lo strumento rasterizza nuovamente tutto contro l'immagine a dimensione originale. Le coordinate sono memorizzate nello spazio immagine e convertite in scala durante il rendering, quindi uno screenshot di un telefono 4032×3024 produce un'esportazione annotata 4032×3024 con punte di freccia e testo nitidi.
Riferimento: MDN — CanvasRenderingContext2D
| Foto | Migliori strumenti da usare |
|---|---|
Screenshot dell'app per un rapporto di bug | Rettangolo rosso attorno all'interfaccia utente rotta + freccia rossa con un'etichetta di testo 'questo pulsante è disallineato'. Attieniti a un colore di accento unico in modo che il markup venga letto come un messaggio unico. |
Foto della ricetta con etichette passo-passo | Frecce gialle numerate 1, 2, 3 che puntano agli ingredienti + piccole etichette di testo per ciascuno. Dimensione del testo più piccola (16–24 px) mantiene la foto leggibile sotto. |
Foto della lavagna da una riunione | Cerchi a mano libera attorno alle caselle chiave + annotazioni di testo per il contesto mancante. Usa un colore ad alto contrasto (rosso o rosa) in modo che si veda su lavagne affollate. |
Foto di un annuncio immobiliare | Rettangoli per evidenziare le caratteristiche (elettrodomestici in acciaio inossidabile, pavimenti in legno, ecc.), etichette di testo brevi. Il nero con un contorno sottile si legge bene sulla maggior parte delle riprese interne. |
Ritaglia il soggetto da qualsiasi foto con AI su dispositivo — nessun upload richiesto.
Riduci le dimensioni dei file JPG, PNG o WebP nel tuo browser con un cursore di qualità interattivo.
Regola, filtra, ruota e ritaglia foto nel browser — senza caricamenti, senza filigrana.
Crea meme e collage di screenshot con veri livelli — incolla, trascina, ritaglia, aggiungi didascalie, esporta.
Ultimo aggiornamento