- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Gimp e mappa di un' immagine
-
Gimp e mappa di un' immagine
Problema:
abbiamo una immagine di 800x600 pixel da inserire in una pagina web e vorremmo tagliarla tipo scacchiera e poi ricostruirla inserendo i singoli tasselli includendoli in una tabella nel codice html della pagina?Aprire l'immagine con Gimp - www.gimp.org, trascinare il righello laterale e quello in alto verso l'immagine in maniera tale che si formi un reticolato di linee ortogonali (stile scacchiera appunto) poi andare su Filtri > Web > Perl-o-tine.
Si aprirà una finestra con tutti i parametri del filtro stesso da poter personalizzare a piacimento:
- dove salvare la pagina html e le singole immagini create;
- nome della pagina.html;
- il nome iniziale per ogni immagine creata;
- scelta dell'estensione delle immagini (jpg, gif, png);
- richiesta se usare o meno una dir diversa per salvare le img;
- path relativo al salvataggio delle img;
- per finire il cellspacing (utile per il codice html);
Una volta settati tutti i parametri nella dir indicata si salverà in automatico la nostra pagina.html con al suo internoil codice html che crea la tabella suddivisa per tante righe <tr> e tante celle <td> quante sono le caselle in cui abbiamo spezzettato l'immagine originale.
Questo lavoro fatto manualmente potrebbe portare alla pazzia fortunatamente ci viene in aiuto appunto Perl-o-tine, questo favoloso plugin er Gimp
Questo è quanto.
Spero possa tornare utile a qualcuno.Un esempio lo trovate in ompeig di www [punto] figc-cervignano.net