Image Editor
L'Image Editor integrato di Copera ti permette di annotare screenshot e immagini direttamente in qualsiasi messaggio di chat — senza uno strumento di screenshot separato. Incolla o trascina un'immagine in un text channel, messaggio diretto o chat di gruppo, e l'editor si apre automaticamente con sei strumenti (selezione, penna, freccia, testo, rettangolo, ellisse), otto colori preimpostati più input hex personalizzato, tre spessori di tratto e un toggle di riempimento per le forme. Che tu stia segnalando un bug, dando feedback di design o oscurando contenuti sensibili, segni e invii l'immagine in pochi secondi.
Quando compare l'Image Editor
L'Image Editor si apre automaticamente ogni volta che alleghi un'immagine a un messaggio di chat. Dopo aver rilasciato un'immagine in una conversazione o aver incollato uno screenshot, si apre un'anteprima a schermo intero con gli strumenti dell'editor pronti. Puoi inviare l'immagine così com'è, oppure annotarla prima.
L'editor è disponibile da:
- Text channel -- Quando alleghi o incolli un'immagine in qualsiasi canale di chat.
- Messaggi diretti -- Quando invii un'immagine a un collega in una DM.
- Chat di gruppo -- Quando condividi un'immagine con un gruppo.
Puoi inviare più immagini in un solo messaggio. Ogni immagine ha il proprio editor, così puoi annotarle in modo indipendente prima di inviarle insieme.
Per iniziare
Ecco un flusso tipico con l'Image Editor:
- Incolla o trascina un'immagine nell'area del messaggio di chat.
- L'anteprima dell'immagine si apre a schermo intero con la toolbar dell'editor in basso.
- Seleziona lo strumento che ti serve (penna, freccia, testo, rettangolo o ellisse).
- Disegna sull'immagine per aggiungere l'annotazione.
- Cambia colori o spessori del tratto se serve.
- Digita il messaggio nella casella di testo in basso.
- Clicca Send per condividere l'immagine annotata.
Se decidi di non inviare, clicca la X in alto a sinistra per chiudere l'anteprima. Copera chiede conferma per evitare di perdere le annotazioni per errore.
Strumenti di annotazione
La toolbar ha cinque strumenti di disegno più uno di selezione. Ognuno è pensato per un tipo specifico di markup.
Select
L'icona cursore è lo strumento di selezione. Cliccala per smettere di disegnare e passare alla modalità selezione. In modalità selezione puoi:
- Cliccare qualsiasi annotazione esistente per selezionarla.
- Trascinare le annotazioni selezionate per spostarle.
- Ridimensionarle o trasformarle con le maniglie agli angoli.
- Aprire il menu di selezione con opzioni rapide di formattazione e cancellazione.
Usa lo strumento select ogni volta che vuoi regolare, riposizionare o rimuovere qualcosa che hai già disegnato.
Pen
L'icona matita è lo strumento penna a mano libera. Clicca e trascina per disegnare qualsiasi forma o linea --- firme, scarabocchi, cerchi approssimativi, note scritte a mano. La penna segue esattamente il cursore.
Ideale per:
- Cerchiare qualcosa con un loop disegnato a mano.
- Scrivere una breve nota a mano.
- Sottolineare una parola o un'area.
Arrow
L'icona freccia disegna una linea retta con una freccia a un'estremità. Clicca per impostare il punto di partenza, trascina dove la freccia deve puntare, poi rilascia.
Ideale per:
- Puntare a un pulsante o elemento specifico.
- Indicare una direzione su una mappa o un diagramma.
- Collegare due parti di un'immagine con un legame visuale chiaro.
Text
L'icona testo aggiunge un'etichetta di testo sull'immagine. Clicca ovunque sull'immagine per posizionare una casella di testo, poi digita il messaggio. Premi Escape o clicca fuori dal testo per terminare.
Ideale per:
- Etichettare elementi in uno screenshot.
- Aggiungere una didascalia o una nota.
- Evidenziare un valore specifico come un prezzo o un punteggio.
Rectangle
L'icona rettangolo disegna un riquadro rettangolare. Clicca e trascina per definire le dimensioni. La forma può essere un bordo o un box pieno (vedi Fill sotto).
Ideale per:
- Evidenziare un'area specifica di uno screenshot.
- Segnare una regione da oscurare o modificare.
- Inquadrare una porzione di immagine per enfatizzarla.
Ellipse
L'icona cerchio disegna un'ellisse (ovale o cerchio). Clicca e trascina per definire le dimensioni. Come i rettangoli, le ellissi possono essere contornate o piene.
Ideale per:
- Cerchiare un volto, un logo o un altro oggetto arrotondato.
- Evidenziare un punto chiave con uno stile più morbido rispetto ai rettangoli.
Colore e spessore
La toolbar include controlli per cambiare l'aspetto delle annotazioni.
Selettore colore
Passa il mouse sullo swatch colore per rivelare una palette di otto colori preimpostati più un input colore personalizzato:
| Colore | Uso tipico |
|---|---|
| Red | Errori, avvisi, problemi critici |
| Orange | Attenzione, cautela |
| Yellow | Highlight, suggerimenti |
| Green | Successo, approvazioni, buoni esempi |
| Blue | Informazioni, link, annotazioni generali |
| Purple | Callout speciali, categorie |
| Black | Annotazioni neutre su immagini chiare |
| White | Annotazioni neutre su immagini scure |
Per un colore personalizzato fuori dalla palette, usa l'input colore hex in fondo al selettore.
Spessore del tratto
Usa il toggle S / M / L per scegliere lo spessore di tratti penna, frecce e contorni delle forme:
- S (Small) -- 2 pixel, per dettagli fini.
- M (Medium) -- 4 pixel, il default.
- L (Large) -- 8 pixel, per annotazioni in evidenza.
Per lo strumento testo, S/M/L controllano la dimensione del font (16, 24 o 32 pixel). Così la gerarchia tipografica resta visibile quando mescoli testo e disegni.
Toggle fill per le forme
Quando hai selezionato un rettangolo o un'ellisse, compare l'icona fill bucket nel menu di selezione. Cliccala per alternare tra:
- Outlined -- Solo il bordo. Usalo per evidenziare un'area senza coprire ciò che c'è dentro.
- Filled -- Tutta la forma è riempita con il colore selezionato. Usalo per coprire o oscurare completamente una parte dell'immagine.
Il passaggio tra filled e outlined è istantaneo --- non serve ridisegnare la forma.
Modificare e riorganizzare le annotazioni
Dopo aver disegnato qualcosa, puoi continuare a raffinarlo.
Selezione
Clicca qualsiasi annotazione con lo strumento select per selezionarla. Compare un riquadro intorno e si apre il menu di selezione con opzioni contestuali.
Spostamento
Trascina un'annotazione selezionata per riposizionarla ovunque sull'immagine.
Ridimensionamento
Prendi le maniglie agli angoli di una forma, freccia o casella di testo selezionata e trascina per ridimensionare. Funziona per rettangoli, ellissi, frecce e caselle di testo.
Cambiare le proprietà dopo il disegno
Con un'annotazione selezionata, il menu di selezione mostra:
- Swatch colore -- Cambia il colore senza ridisegnare.
- Spessore tratto o dimensione font -- Regola spessore o dimensione del testo.
- Toggle fill -- Per le forme, passa tra outlined e filled.
- Duplicate -- Copia l'annotazione e la incolla leggermente spostata per ripetizioni rapide.
- Delete -- Rimuove subito l'annotazione.
Undo e redo
La sezione History della toolbar offre tre controlli:
- Undo (freccia curva a sinistra) -- Torna indietro nelle annotazioni una alla volta.
- Redo (freccia curva a destra) -- Riapplica un'annotazione che hai annullato.
- Clear all (icona cestino) -- Rimuove tutte le annotazioni dall'immagine in una volta.
Undo e redo funzionano su tutta la cronologia di editing, così puoi sperimentare liberamente senza preoccuparti degli errori.
Se cancelli tutto per sbaglio con il cestino, premi subito undo. La cancellazione è reversibile finché non fai un'altra modifica.
Inviare un'immagine annotata
Quando sei soddisfatto delle annotazioni, invia l'immagine come qualsiasi altro messaggio:
- Digita il testo di accompagnamento nella casella in basso (opzionale).
- Premi Enter o clicca il pulsante send.
- L'immagine viene inviata con tutte le annotazioni "bruciate" dentro, così i destinatari le vedono come parte dell'immagine stessa.
Poiché le annotazioni sono appiattite nell'immagine finale, i destinatari non hanno bisogno di visualizzatori o software speciali --- l'immagine annotata appare uguale a tutti.
Casi d'uso comuni
Segnalazioni di bug
Fai uno screenshot del bug, poi annota:
- Rettangolo rosso intorno all'elemento rotto.
- Freccia rossa che punta al problema esatto.
- Etichetta di testo con una breve descrizione di cosa non va.
Invia l'immagine annotata nel canale di bug tracking per un report visuale chiaro.
Feedback di design
Condividi un mockup e annotalo con feedback:
- Spunte verdi (scritte a mano con la penna) accanto a ciò che va bene.
- Cerchi arancioni intorno agli elementi da sistemare.
- Callout di testo che spiegano cosa cambiare e perché.
Così il designer riceve una lista visuale precisa invece di feedback verbale vago.
Annotare documenti
Se stai condividendo una pagina PDF o la foto di un documento cartaceo:
- Penna gialla come evidenziatore sul testo importante.
- Rettangolo intorno a un passaggio chiave.
- Note di testo ai margini per porre domande.
Trasforma qualsiasi immagine in un documento annotato senza un editor PDF.
Oscurare contenuti sensibili
Prima di condividere screenshot in pubblico o con i clienti:
- Rettangoli neri pieni su nomi, email o altre informazioni personali.
- Ellissi nere piene su volti o loghi da nascondere.
Così condividi il contesto utile tenendo privati i dettagli sensibili.
Guidare l'attenzione
Per l'onboarding di nuovi membri del team o la formazione di un collega:
- Frecce che puntano ai pulsanti da cliccare.
- Etichette di testo numerate (1, 2, 3) che mostrano l'ordine dei passi.
- Rettangoli colorati che raggruppano controlli correlati.
Uno screenshot ben annotato è spesso più veloce e chiaro delle istruzioni scritte.
Consigli e best practice
Usa i colori in modo coerente nel team. Se tutti usano il rosso per i bug e il verde per le approvazioni, le immagini annotate diventano più facili da scansionare a colpo d'occhio.
Combina etichette di testo e frecce per la massima chiarezza. Una freccia mostra cosa indichi; un'etichetta di testo spiega perché conta.
Tieni le annotazioni al minimo. Una o due frecce ben posizionate e una breve etichetta di testo comunicano di più di un'immagine affollata con decine di segni.
Usa l'azione Duplicate per accelerare le annotazioni ripetute. Se ti servono cinque rettangoli identici, disegna il primo, selezionalo e duplica invece di ridisegnare da zero.
Domande frequenti
Posso modificare un'immagine dopo l'invio?
No. Una volta inviata, le annotazioni sono appiattite nell'immagine e i dati originali delle annotazioni non vengono conservati. Se devi rivedere, invia una nuova versione annotata.
Il destinatario può spostare o rimuovere le mie annotazioni?
No. Le annotazioni fanno parte dell'immagine finale, quindi i destinatari le vedono come pixel e non come elementi modificabili. È una caratteristica, non un limite --- il tuo markup non può essere cambiato per sbaglio da altri.
L'Image Editor funziona su mobile?
La toolbar e gli strumenti di annotazione sono disponibili nel flusso di anteprima chat sui browser mobile moderni. I gesti touch permettono di disegnare con la penna, selezionare annotazioni e regolarle. Colori e controlli di spessore sono accessibili dalla stessa toolbar.
Quali formati di file supporta l'editor?
L'editor funziona con i formati immagine comuni tra cui PNG, JPG, GIF, WebP e SVG. Le GIF animate vengono appiattite a un frame statico quando le annoti.
L'immagine originale viene sostituita?
Quando annoti e invii, l'immagine inviata include le annotazioni. La versione originale (non modificata) non viene conservata a meno che tu non l'abbia salvata separatamente prima di annotare. Se vuoi una copia pulita, salvala su Drive o sul computer prima di aprire l'editor.
Posso salvare le annotazioni per riusarle dopo?
Le annotazioni vengono inviate con l'immagine ma non archiviate come file separato. Per markup riutilizzabile, considera di tenere un'immagine template in Drive che puoi riaprire e riannotare quando serve.
Funzionalità correlate
- File Sharing -- Come allegare file e immagini ai messaggi di chat.
- File Preview -- Visualizzare immagini e altri file dentro Copera.
- Drive Overview -- Dove archiviare e organizzare i file a lungo termine.
- Text Channels -- Dove le immagini annotate vengono più spesso condivise.
- Direct Messages -- Annotare immagini nelle conversazioni 1:1.