Talvolta nella costruzione di pagine web è necessario inserire delle immagini abbastanza grandi e/o pesanti. Una tecnica per dare l'impressione all'utente di caricamento più veloce è quella di scomporre l'immagine in più parti che una volta caricate vanno a ricomporre l'immagine completa. Possiamo farlo con il nostro fidatissimo GIMP :D



Per iniziare carichiamo l'immagine:
lo splash screen di GIMP 2.4

Poi andiamo nella barra dei menu e poi "Immagine", quindi "Guide":
le guide ci serviranno per suddividere l'immagine

Scegliamo la modalità che preferiamo, io ho scelto "nuova guida in percentuale":
ma sono valide anche le altre scelte eh

 Ora impostiamo i parametri:
una guida orizzontale a metà dell'immagine

Ripetiamo l'operazione modificando i parametri (io ho messo un'altra guida verticale a metà dell'immagine) per suddividere la nostra immagine in una sorta di griglia:
per esempio dividiamola in 4 parti

Dopodiché andiamo nel Menu "Filtri", quindi selezioniamo "Web" e poi "Fetta".
Il nome non è molto indicativo ma svolge il suo
compito egregiamente

Impostiamo i parametri ed il gioco è fatto:
se usate questi parametri di sicuro
non sbagliate ;)

In sostanza cosa fa questo script?

Praticamente crea le immagini che compongono quella originale in base alle guide da noi impostate (nel nostro caso ne creerà quattro), poi genera il codice html da integrare nella nostra pagina web che visualizza l'immagine ricomposta. Banalmente, utilizza una tabella.

Ecco il risultato:
file che contiene il codice più la
directory con le immagini
visualizzato nel browser :)


Alla prossima :)