Pagina di esempio visualizzazione Anteprima su meemi

Immagine che il server di meemi riduce per ottenere l’anteprima nella finestra di creazione meme: thumb-nomefile.gif
La prima in alto è quella sul server di meemi e quella in basso è sul mio pc (visto che meemi dovrebbe pulire la cache e potrebbe non essere più visibile)

Thumb

Thumb Anteprima Creazione limitato a 100px width visualizzato a 75px heigth

PC

Thumb Anteprima Creazione limitato a 100px width visualizzato a 75px heigth

Questo è il file che il server di meemi crea riducendo l’immagine originale

da 1638×1024 px  lo porta a 100×63 px (il file occupa 63,3kb contro i 2,6MB originali)

l’anteprima poi viene visualizzata con un limite di 75px ma sull’altezza e non sulla larghezza

visualizzando un file 119×75 (ma il file è sempre lo stesso)!!!

Qui ora metto le varie anteprime forzate da quello stesso file!

s- 250×156 (la versione jpg pesa 17,6kb)

Small

Prima anteprima visualizzata a 250 x 250 px (in una delle due dimensioni facciamo larghezza)

PC

Prima anteprima visualizzata a 250 x 250 px (in una delle due dimensioni facciamo larghezza)

m- 620×388 (620?????) (la versione jpg pesa 73,9Kb)

Media

Seconda anteprima visualizzata a 500×500 px (sempre in una delle due dimensioni facciamo sempre Larghezza)

PC

Seconda anteprima visualizzata a 500×500 px (sempre in una delle due dimensioni facciamo sempre Larghezza)

Per concludere le due versioni dell’anteprima pesano 17,6kb la small e 73,9kb la Media per un totale di 91,5kb contro i 63,3kb della versione thumb ridotta che poi viene visualizzata a grandezze diverse dal browser.

Naturalmente l’anteprima più grande sarà sgranata nella web ma ci dice che è una animazione e bisogna aprire l’originale con un click!

Se l’immagine è più piccola di 500px non avviene nessuna modifica per la web mentre per la mobile si può prendere l’immagine thumb che COMUNQUE viene creata per l’anteprima di creazione del meme e su un dispositivo mobile da 100×63 della thumb a 250x126px non penso si noti tanto la differenza con il PRO che l’animazione è sempre animata!

Ultima cosa per quanto riguarda le animazioni tagliate…

Le GIF possono accettare due tipi di sostituzione dei fotogrammi “Combine” e “Replace”

1- con combine il fotogramma iniziale rimane lo stesso e gli altri fotogrammi semplciemente aggiungono o tolgono dei dettagli e spesso sono ottimizzati e trasparenti.

2- con Replace invece ogni fotogramma viene sostituito completamente dal fotogramma successivo e molto spesso i fotogrammi succesivi hanno dimensione e forma o allineamento diverso (vedi immagine qui sotto)
Analisi GIF
Nello SMILE il primo fotogramma ha una posizione e dei bordi livello mentre tutti gli altri hanno posizioni diverse che escono fuori dal fotogramma principale il sistema che usa meemi per ridurre le gif non tiene conto del “replace” tenendo solo a mente la misura e la posizione del primo fotograma e i restanti quindi appaiono fuori. (probabilmente nel sistema c’è un modo per far tener conto del replace  e cmq non è così grave (non tutte le gif sono così)

Processando infatti la GIF per rendere tutti i livelli alla stessa dimensione il problema non appare ne nell’anteprima ne nella immagine originale!

Ora per me questa è una cosa molto importante e penso che ci sia la soluzione per risolvere! quindi Boss la vecchia funzione sarebbe solo da sistemare ma è corretta, basta solo capire come sono struturate le GIF.

Per concludere visto che meemi già prende le immagini grandi e le riduce perchè non utilizzare quella immagine (il server ha già fatto il lavoro) ed utilizzarla per tutte le anteprime?!

Spero di aver spiegato come secondo me dovrebbe funzionare perchè le gif NON animate sono veramente un gradino da superare!  Molte Gif si perdono se uno non scrive sotto GIF o Animazione e non è giusto .

Un saluto a tutti!

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...