Modifica delle immagini nel tuo browser

Tutto accade sul tuo dispositivo

La maggior parte degli editor di immagini online carica la tua immagine su un server, la elabora lì e invia un risultato. Ciò significa che una copia della tua immagine si trova sul computer di qualcun altro, soggetta alla sua politica di conservazione e alla sua sicurezza.

Questo editor non funziona in questo modo. Il tuo browser contiene già una pipeline di immagini completa: può decodificare un JPEG, consegnarti i pixel, consentirti di disegnarci sopra e codificare un nuovo file. Questo strumento è un'interfaccia utente su quella pipeline. L'immagine viene letta dal disco in memoria, modificata in memoria e riscritta sul disco.

La conseguenza pratica è che lo strumento funziona offline una volta caricato, non ha limiti di upload oltre la memoria del tuo dispositivo e non può diffondere la tua immagine perché non la trasmette mai. La nostra suite di test include un controllo che nessun file sorgente contenga una chiamata di rete, quindi l'affermazione viene applicata anziché semplicemente asserita.

Inizio: una tela bianca o un'immagine esistente

Scegli una larghezza e un'altezza per una tela vuota oppure apri un PNG, JPEG o WebP dal tuo dispositivo. L'apertura di un'immagine sostituisce il documento corrente, quindi esporta prima tutto ciò che desideri conservare.

Le immagini molto grandi vengono ridotte automaticamente e lo strumento ti informa quando lo ha fatto. Non si tratta di una restrizione arbitraria. Una fotografia da 50 megapixel necessita di circa 200 MB pixel grezzi in una tela e una seconda copia per l'output raddoppia tale cifra. Su un telefono, il superamento del limite non genera un errore rilevabile: il browser restituisce una tela bianca o il sistema operativo elimina la scheda. Ridurre prima l'immagine è la differenza tra un editor funzionante e un arresto anomalo.

Disegno e perché il tocco funziona correttamente qui

Gli strumenti pennello, gomma, linea, rettangolo, ellisse e testo funzionano tutti allo stesso modo con un mouse, un trackpad, un dito o uno stilo, perché l'editor ascolta gli eventi del puntatore unificati anziché separare i gestori di mouse e tocco.

Un dettaglio rende il disegno tattile utilizzabile anziché frustrante: la tela dichiara di gestire i propri gesti, quindi un dito trascinato su di essa disegna invece di scorrere la pagina. Gli editor che lo omettono sono quasi inutilizzabili su un telefono, perché ogni tratto combatte il controllo del browser. La pagina scorre normalmente ovunque fuori dall'area di disegno.

Inoltre, gli eventi del puntatore arrivano meno spesso rispetto all'aggiornamento dello schermo, quindi un tratto veloce viene segnalato come una manciata di punti ampiamente distanziati. L'editor riempie gli spazi tra di loro, motivo per cui una linea veloce risulta solida anziché come una fila di punti.

Annulla e la memoria che costa

Ogni tratto, forma e trasformazione è un passaggio di annullamento. Annulla e ripeti il ​​lavoro dalla barra degli strumenti o con le consuete scorciatoie da tastiera.

La storia è delimitata di proposito. Ogni passaggio conserva una copia dei pixel modificati e, su un'immagine di grandi dimensioni, decine di megabyte per passaggio. Una cronologia illimitata è uno dei modi più rapidi per esaurire la memoria su un telefono, quindi questo editor limita la cronologia sia in base al numero di passaggi che alla loro dimensione totale, scartando prima il più vecchio. La riga di stato mostra quanto viene attualmente trattenuto.

Questo è uno scambio voluto: una storia meno profonda in cambio di un redattore che non muoia a metà sessione.

Strati, mantenuti volutamente piccoli

I livelli ti consentono di tenere un'annotazione separata dalla fotografia sottostante, in modo da poterla regolare o rimuovere senza toccare i pixel originali. Puoi aggiungere, selezionare, rinominare per posizione, riordinare, nascondere, impostare l'opacità, unire e appiattire.

Quello che c'è qui è un piccolo modello a livelli raster e si ferma lì di proposito. Le modalità di fusione, le maschere di livello, i gruppi, i livelli di regolazione e le trasformazioni non distruttive non sono implementate. Queste caratteristiche sono ciò che separa uno strumento di disegno da un compositore professionista, e una loro versione semi-funzionante è peggiore della loro onesta assenza. La pagina delle limitazioni elenca esattamente ciò che manca.

Ogni livello contiene una bitmap a grandezza naturale, quindi i livelli consumano memoria in modo direttamente proporzionale al loro numero. Il limite è dodici.

Esportazione

PNG è lossless e mantiene la trasparenza: la scelta giusta per disegni, diagrammi e screenshot. JPEG è molto più piccolo per le fotografie ma non può memorizzare la trasparenza e perde un po' di qualità ogni volta che viene salvato. WebP svolge bene entrambi i lavori e produce file più piccoli di JPEG con qualità paragonabile.

Se la tua immagine ha aree trasparenti e scegli JPEG, l'editor ti avvisa prima di salvare e riempie la trasparenza con il bianco invece di lasciare che sia il browser a scegliere un colore, che a volte è nero.

Il file esportato viene prodotto nella pagina e salvato direttamente nella cartella dei download.

Domande

Limitazioni

• I livelli sono solo raster: nessuna modalità di fusione, maschere, gruppi, livelli di regolazione o trasformazioni non distruttive.
• Le immagini di grandi dimensioni vengono ridimensionate per adattarsi al limite della tela del dispositivo, quindi l'editor non è adatto per lavori a piena risoluzione su fotografie molto grandi.
• La cronologia degli annullamenti è limitata dalle dimensioni e dal conteggio dei passaggi, pertanto una sessione lunga non conserverà tutti i passaggi.
• Nulla viene salvato tra le sessioni. La chiusura della scheda elimina il documento.
• Nessun supporto per RAW, HEIC, TIFF, GIF o SVG: l'editor gestisce solo PNG, JPEG e WebP.
• Nessuna gestione del colore. Le immagini vengono trattate nello spazio colore predefinito del browser, pertanto un profilo ICC incorporato potrebbe non essere conservato.