Pubblicato il 26/06/17 - aggiornato il  | 2 commenti :

Come aprire e/o convertire le immagini animate PNG o APNG.

Cosa sono le immagini in formato APNG o Animated PNG, come si aprono, come si creano, come si editano e come si convertono in GIF.
Tutti voi siete sicuramente a conoscenza che le immagini animate hanno il formato GIF e che sono molto usate per mostrare delle brevi animazioni al posto di filmati che invece hanno bisogno di un player di riproduzione.

Le immagini in GIF possono essere create a partire da una serie di immagini o da una clip video da desktop con tool quali Imgur e da mobile con un serie di applicazioni gratuite.

Il formato GIF è però piuttosto antico e soffre di alcune limitazioni. Le GIF infatti supportano un limite massimo di soli 256 colori visto che sono a 8bit e non supportano la trasparenza.

Per questa ragione nel 2004 alcuni sviluppatori della Mozilla Corporation hanno introdotto il formato denominato Animated PNG o anche APNG che ha 24 bit a disposizione per i colori e 8 bit per la trasparenza.






Le immagini animate in PNG funzionano più o meno come quelle in formato GIF e non sono altro che un insieme di frame che si riproducono uno dopo l'altro secondo le regole inserite nello stesso file.

Inoltre il formato APNG è compatibile con il normale PNG. Il primo fotogramma di una immagine APNG non è altro che una normale PNG e i dispositivi che non supportano APNG possono comunque rilevare queste immagini come delle PNG a un solo fotogramma.






COME APRIRE UNA IMMAGINE APNG O ANIMATED PNG


1) Firefox - Le immagini APNG visto la loro origine possono essere aperte con il browser Firefox. Basterà cliccarci sopra con il destro del mouse quindi scegliere Apri con -> Firefox.

2) Xnview - Anche un visualizzatore di immagini molto potente come XnView è in grado di aprire le immagini animate in PNG. I file APNG avranno comunque l'estensione .PNG e sarà noto che si tratta di Animated PNG solo quando dopo la loro apertura tali immagini si vedranno animate.






3) IrfanView - Pure IrfanView, altro usatissimo visualizzatore di immagini, è in grado di aprire le immagini animate in PNG. Ci si clicca sopra con il destro del mouse e si sceglie Apri con -> IrfanView.

4) Chrome - Il browser di casa Google non supportava le immagini Animated PNG fino alla versione 59. Andate nel menù in alto a destra di Chrome quindi scegliete Impostazioni -> Informazioni. Se la vostra versione è la 59 o successiva potete visualizzare le immagini APNG anche aprendole con Google Chrome. Fino alla versione 59 potevano essere ugualmente aperte ma l'animazione non era visibile.

COME CONVERTIRE UNA GIF IN UNA APNG E VICEVERSA


Visto che il formato APNG al momento non è particolarmente usato  non ci sono software specifici per la loro conversione. Ho testato anche una conversione da APNG in GIF e viceversa con XnView senza successo. Ho però trovato un convertitore online che converte APNG in GIF e viceversa mantenendone la qualità. 

EZGIF offre il tool GIF To APNG Converter con cui è possibile convertire GIF in Animated PNG. Si va su Scegli File e si seleziona il file GIF da convertire in APNG quindi si clicca su Upload. Si possono caricare immagini con una dimensione massima di 25MB.

convertire-gif-in-apng

Sotto l'Anteprima cliccando su Convert si potrà scegliere il formato di uscita della conversione tra Video, APNG, WebP e FLIF. Si va poi su Convert to PNG per scaricare il file in formato .PNG che però non sarà una immagine singola ma animata. Per rendercene conto basterà aprirla con uno dei quattro metodi appena illustrati.

La APNG verrà mostrata sotto alla immagine originale e noi dovremo cliccarci sopra con il destro del mouse per poi selezionare Salva immagine con nome.

editare-apng

Prima del download possiamo editare la APNG ruotandola, ritagliandola, ridimensionandola, inserendo effetti o ottimizzandola. Su Split possiamo dividere la GIF in più parti e su Frames possiamo estrarne i fotogrammi.  Da notare che la dimensione dei file in APNG è inferiore a quella dello stesso in GIF.

Il tool APNG to GIF sempre di EZGIF serve per la conversione inversa da APNG in GIF. Anche in questo caso si clicca su Scegli file quindi si seleziona l'immagine APNG da convertire. Si va poi su Upload per caricarla e visualizzarne l'anteprima. In basso su Convert si seleziona to GIF o to FLIF quindi si va su Convert to GIF.

L'immagine in GIF verrà visualizzata al di sotto di quella in APNG e potrà essere scaricata cliccandoci sopra con il destro del mouse per poi scegliere Salva immagine con nome.

COME EDITARE UNA IMMAGINE IN APNG


Con il tool di EZGIF APNG Maker si potrà creare e editare una immagine animata in PNG. Si possono caricare fino a 400 file immagine in formato GIF/JPG/PNG/WebP con dimensione massima di 5MB ciascuno e di 80MB in totale. Ogni immagine occuperà un singolo fotogramma. Si va quindi su Animated It.

creare-apng


La configurazione della APNG ha due parametri. In Delay si inserisce la durata di visualizzazione di quel dato fotogramma mentre in Loop count si può inserire il numero di volte che l'animazione di deve riprodurre. Se si lascia tale valore senza numero la immagine APNG si riprodurrà senza soluzione di continuità.

Come al solito l'immagine in APNG potrà essere scaricata utilizzando il destro del cursore. Crossfade frames serve per aggiungere un effetto dissolvenza nei primi o negli ultimi frame. Il valore di default di 20 in Delay Time significano 20 centesimi di secondo quindi una animazione velocissima.  Per un permanenza di un secondo di ciascuna immagine si deve scegliere il valore 100 in Delay Time.

COME PUBBLICARE NEL WEB LE IMMAGINI APNG


Blogger supporta le immagini animate in PNG. Nell'Editor di Blogger si può quindi andare sulla icona per l'inserimento delle immagini per poi selezionare quella in APNG e pubblicarla. Nel post verrà visualizzato il primo fotogramma come fisso. Se però ci si clicca sopra verrà aperta nel Lightbox nativo di Blogger e verrà visualizzata come animata. Per caricare una immagine APNG nel web si può usare Imgur.

Se si pubblica nel web una immagine APNG con il link diretto di Imgur usando il codice seguente:

<img src='immagine.png' alt='nome-immagine' width='200' />

quando si apre la pagina web con Firefox o con Chrome versione 59+, vedremo la APNG animata.


2 commenti :

  1. Per favore, ho linus mint tricia e volevo sostituire il logo mint png con un mio apng animato, ma non funge schermo nero, come faccio? Devo modificare qualche script?.
    Grazie per la risposta!

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy