Tutorial: «Redimensionar imatges amb Fastone Image Viewer»

Si volem que les nostres publicacions en una pàgina web o xarxa social tinguin el màxim d’efectivitat, les haurem d’acompanyar sempre d’una imatge o vídeo. A l’hora de fer-ho hem de saber quines característiques han de tenir aquestes imatges, ja que no són els mateixos els requisits per imprimir una imatge en paper que per veure-la en pantalla. Entre les moltes aplicacions que podem trobar per fer aquesta tasca de preparació de les imatges, ens pot ser de gran ajuda FastStone Image Viewer, un programa molt complet, amb moltes opcions interessants i útils i, a més, gratuït.

Podríem dedicar més d’un article a Fastone Image Viewer, ja que ofereix moltes opcions extra molt fàcils d’utilitzar: aplicar senzills retocs a les imatges o retallar-les, corregir defectes d’horitzontalitat o verticalitat, generar presentacions de diapositives, canviar el format, aplicar marcs decoratius… És a dir: un autèntic multiusos amb una destacada usabilitat.

Fastone Image Viewer és, en essència, un visualitzador d’imatges. Però a més de la seva funció de mostrar de manera molt interessant les fotografies o arxius d’imatge que tenim al nostre ordinador, en aquest article parlarem de com utilitzar-lo per redimensionar de manera ràpida imatges i preparar-les adequadament per a la seva publicació a internet.

Resolució, megapíxels, pes de la imatge…

A què ens referim quan parlem de redimensionar les imatges? Per què cal fer-ho? Què és això de la resolució, megapíxels, pes de les fotos, etc.?

No ens complicarem entrant en qüestions tècniques relacionades amb els arxius d’imatge. (Si voleu aprofundir en aquesta qüestió existeixen innumerables articles que ho expliquen. Només cal buscar “resolució d’imatges” a Google i us en sortiran un munt de referències.)

El que sí hem de tenir present és que qualsevol imatge, abans de ser publicada a internet, necessitarà ser adaptada a la seva nova destinació. En ocasions, els ajustos que s’hauran d’aplicar seran mínims, però la majoria de vegades haurem de fer un treball previ amb la imatge abans de publicar-la.

Aquesta adaptació és el que s’anomena “redimensionat de la imatge”, que consisteix, bàsicament, en reduir la seva resolució. Per exemple, si reduïm una imatge de 3872 x 2592 píxels i la deixem en 640 x 640 haurem passat d’una imatge d’un pes de 10,04 MP a una altra de 0,41 MP.

I per què fem això?

Doncs perquè una imatge amb una resolució gran “pesa” molt, la qual cosa provocarà que:

1. Quan la pugem a la nostra pàgina web o a facebook, per exemple, trigarà molt a completar-se el procés i publicar-se.

2. I, una vegada publicada, quan algú vulgui accedir a la nostra pàgina el navegador trigarà molt a carregar les imatges i mostrar-les.

Per evitar això el que fem és el que tècnicament anomenem “redimensionar la imatge”, que ve a ser més o menys “reduir el pes de la imatge”.

I quan hem de considerar que una imatge pesa molt? Quin és el pes ideal per publicar-la a internet? En línies generals, i com a referència, podem considerar que tot el que estigui per sota d’1 MB serà una resolució acceptable pels nostres objectius.

Però millor encara serà que ens deixem guiar per FastStone Image Viewer, tal i com veurem a continuació.

Una última explicació sobre resolució i pes de les imatges

Abans d’entrar a fons en l’explicació de funcionament del programa, una última informació perquè acabar d’entendre tot plegat. En l’exemple que esmentàvem abans hem parlat de transformar una imatge de 3.872 x 2.592 píxels en una altra de 640 x 640. I la pregunta que ens hauríem de fer és: què passa amb els píxels que s’han perdut? El pas de 10 milions de píxels a només 48.000, no implica pèrdua de qualitat de la imatge?

La resposta, i aquí està la clau de tot, és no. Tot i que s’hagin perdut molts píxels pel camí, el nostre ull veurà la imatge amb la mateixa nitidesa. Això es deu a que una imatge en pantalla no es construeix de la mateixa manera que una imatge impresa:

• imatge en pantalla: es genera a partir de la projecció de raigs de llum que actuen com a puntets sobre una superfície d’una polzada. A partir d’una proporció de 72 punts per polzada la imatge es veu perfectament nítida.
•  imatge impresa: es genera a partir de l’adició de gotes de tinta. Per observar una imatge impresa amb qualitat cal que hi hagin un mínim de 220 gotes (punts) de tinta per polzada.

És a dir: que per veure una imatge en pantalla no necessitem que tingui tanta resolució com la imatge impresa. Així doncs, reduïm la seva resolució, amb la qual cosa ocuparà menys espai, es mostrarà més ràpidament en pantalla i tot sense perdre qualitat.

Com fer-ho?

Arriba el moment d’explicar com fer servir FastStone Image Viewer per redimensionar imatges. Per començar, la meva recomanació és que les imatges amb les que volem treballar estiguin localitzades en una carpeta amb un nom ben descriptiu i fàcilment localitzable. Per exemple, “05-2014 – Exposició sala infantil”.

En aquesta carpeta tindrem una o moltes imatges. També és possible que tinguem unes quantes imatges però que no totes siguin de qualitat o que només volem publicar algunes. En aquest cas, recomano també crear una nova carpeta amb el nom de “Selecció”, on guardarem una còpia de les que hem decidit que publicarem. I, per últim, crearem dins d’aquesta mateixa carpeta una altra, amb el nom de “Baixa resolució”, on farem una còpia de les que tenim a “Selecció” i que seran les que redimensionarem.

•  l’objectiu de crear la carpeta “Baixa resolució” és el de conservar sempre una còpia de les imatges en la seva resolució original. Així, si algun dia volem imprimir alguna d’aquestes en paper, la tindrem a la resolució adequada. Recordem que no és el mateix imprimir en paper que visualitzar en pantalla.

Descarrega del programa Fastone Image Viewer

Per descarregar el programa podem anar a www.faststone.org i ens trobarem vàries opcions. La que ens interessa és la primera de totes, Fastone Image Viewer (en el moment de fer aquest tutorial la versió que consta és la 5.1).

Fem clic a “Download” i anirem a una nova finestra, on haurem de clicar a “.exe”, per iniciar la descàrrega. El fitxer que obtindrem és un executable. Fent dos clics a sobre i seguint les instruccions d’instal·lació tindrem el programa preparat per fer-lo servir en tan sols un parell de minuts.

Una vegada tinguem instal·lat el programa trobarem l’icone del mateix al nostre escriptori. Fent dos clics a sobre accedirem a la pantalla inicial, on hi podem veure quatre seccions diferenciades:

Visualització d’imatges

Al començament d’aquest article comentàvem que FastStone Image Viewer era, en essència, un visualitzador d’imatges. Per utilitzar-lo com a tal el que hem de fer és seleccionar, en l’explorador que tenim en la secció esquerra de la pantalla, la carpeta en la qual tenim les fotografies que volem visionar.

Una vegada estiguem dins la carpeta que ens interessa, veurem que a la part dreta es visualitzen les imatges que conté, i a la part inferior esquerra una miniatura de la primera imatge de la carpeta.

NOTA: en tant que visualitzador d’imatges, el programa detecta una àmplia gamma de formats d’arxius d’imatge (.jpg, .png, .btm, etc.), mostrant tots els d’aquests tipus que tinguem en una carpeta. Però no veurem (ni tan sols llistats) altres tipus de fitxers com documents de text, fulls de càlcul, etc.

 

– Ampliar una imatge i veure-la a pantalla completa:

Per veure una imatge a pantalla completa tenim dues opcions:

•  fer doble clic sobre la miniatura de la part dreta de la pantalla,

• o clicar al requadre petit de la part inferior esquerra.

 

 

 

Si el que volem és veure a pantalla completa totes les imatges d’una carpeta l’únic que haurem de fer és doble clic sobre la primera i a continuació anar passant a les següents amb la rodeta del ratolí o amb les fletxes dels cursors del teclat.

Amb “Esc” (‘escape’) sortirem del mode “Vista en pantalla completa”.

 

Baixar imatges de resolució: redimensionat

Quan estem visionant una imatge en pantalla completa, podem activar diverses funcions del programa movent el cursor del ratolí i apropant-lo als límits superior, inferior, dret i esquerra de la pantalla.

 

De totes les existents, la que ara ens interessa és la que ens permet reduir la resolució d’imatges, la qual cosa ens permetrà publicar-les més fàcilment a internet o enviar-les per correu electrònic, per exemple.

Per començar, cal insistir en la recomanació de fer primer una còpia de la imatge o imatges que volen baixar de resolució, ja que així sempre conservarem l’original.

• podem fer aquesta còpia des de la mateixa pantalla que ens mostra les imatges d’una carpeta, seleccionant una imatge o vàries i fent un copiar i enganxar:  (CTRL+C i CTRL+V).

A continuació fem doble clic sobre la imatge que ens interessa, la visualitzem en pantalla copmpleta i apropem el cursor cap a l’esquerra de la pantalla. En el menú emergent trobarem la secció “Rotación. Redimensionar. Texto”, i, dins d’aquesta, l’opció “Redimensionar/Muestrear” i “Redimensionado/Muestreo rápidos” (que és la que farem servir).

 

Fent clic a “Redimensionado / Muestreo rápidos” ens apareix un nou desplegable amb un llistat de proporcions de píxels. Si cliquem a sobre de qualsevol de les propostes mostrades el programa adaptaria automàticament la imatge a la resolució desitjada.

RECOMANACIÓ: entre les diferents opcions de resolució que ens ofereix el programa a “Redimensionado / Muestreo rápidos”, podem escollir “Tamaño de pantalla”. Es tracta d’una mida que a més de reduir el pes de la imatge i fer-la adequada per ser enviada per mail, conserva una mida suficient per ser visualitzada amb qualitat.

El llistat de proporcions possibles que apareixen en aquest desplegable ens servirà també per adaptar ràpidament una imatge a les mides que ens pugui demanar algú:

• per exemple, un dissenyador que ens pot demanar material gràfic amb una resolució mínima de 1.600 x 1.200 píxels,
• i també per adequar imatges a determinats espais d’internet on no es pot superar una resolució determinada.

Per últim, i molt important, cal guardar els canvis fets a la imatge perquè aquesta acció sigui efectiva. Hem d’estar atents perquè el missatge per fer-ho no ens apareix en el que estem visualitzant, i només el veurem quan canviem a una altra imatge (per exemple, amb la rodeta del ratolí) o si sortim del programa.

 

Organitzar un concurs fotogràfic combinant Instagram i Facebook (1a part)

Les biblioteques tenen una gran oportunitat d’explorar noves vies d’interacció amb els seus usuaris aprofitant el potencial de les noves tecnologies. Les xarxes socials han obert un terreny que no es pot deixar escapar, i que a més d’oferir la possibilitat d’establir nous canals de comunicació, ajuden a introduir elements de dinamització fins ara impensables.

Un exemple és el de la possibilitat d’organitzar concursos fotogràfics. En aquest tutorial s’expliquen les passes per a fer-ho combinant Instagram i Facebook.

 

Què és Instagram?

Instagram és una aplicació gratuïta per a smartphones i tablets que permet als usuaris fer fotografies, aplicar uns filtres predeterminats i senzills retocs a les imatges, i compartir-les amb altres persones, ja sigui a través de la mateixa plataforma o d’una altra xarxa social com Facebook, Twitter, etc.

Per a fer-la servir només cal descarregar-la al dispositiu que es vulgui, crear un compte (amb una adreça de correu electrònic i una contrasenya) i ja s’estarà en disposició de començar-la a utilitzar. Com que no és l’objecte d’aquest tutorial descriure les característiques de l’aplicació, ens saltarem les diferents opcions i ens centrarem en allò que ens interessa.

Funcionament del concurs: els hashtags

Com passa en altres xarxes socials, Instagram ofereix la possibilitat d’etiquetar les fotografies que es facin afegint-hi un o més hashtags. D’aquesta manera és possible recuperar totes les imatges publicades a la xarxa relatives a un mateix tema.

En el cas d’una biblioteca, el que s’ha d’indicar als usuaris és que etiquetin les seves imatges amb un hashtag en concret, en funció dels interessos de l’equipament. En aquest tutorial seguirem l’exemple del concurs #vinstagram, engegat l’any 2013 per la Biblioteca Pública Terra Baixa del Vendrell en el marc del projecte «Biblioteques amb DO«, i ho farem centrant-nos en el hashtag que es va fer servir: #vinstagramvendrell.

Iconosquare, un servei per recuperar les fotografies

Després, per saber quines fotografies s’han anat publicant per part dels usuaris amb el hashtag indicat, farem servir un servei com “Statigr.am”, que recentment ha canviat de nom i ha passat a dir-se “Iconosquare”.

Per accedir-hi al servei s’ha d’anar a l’adreça www.iconosquare.com. Tot i que ofereix nombroses opcions, el que ens interessa a nosaltres és simplement recuperar quines fotografies s’han publicat amb un hashtag concret.

 

I ho farem seguint l’exemple esmentat de #vinstagramvendrell.

En la part superior de la pantalla trobarem un requadre on introduir el hashtag que volem buscar

• el que hem d’introduir-hi és només la paraula, sense el coixinet que l’acompanya.

 

 

Fem «intro» perquè l’aplicació faci la cerca i ens retorna una nova pantalla en la què hi trobem:

• la indicació del hashtag que hem introduït,

 

 

• i la relació d’imatges que han estat publicades amb el hashtag en qüestió i que, a més, porten una informació associada de la qual, en el nostre cas, únicament ens interessa el nom d’usuari. D’aquesta manera podem identificar cada fotografia amb una persona en concret, i sabrem amb qui hem de contactar en cas necessari.

Una vegada tenim la relació d’imatges en les que s’ha inclòs el hashtag que ens interessa, ja les podem anar guardant en una carpeta del nostre ordinador.

Per a fer-ho, seguim els passos següents:

• Des de la pàgina on hem trobat totes les fotos associades al nostre hashtag, hem d’anar fent clic sobre cadascuna d’elles per ampliar-la.

 

 

• Una vegada tenim la imatge ampliada, fem clic a sobre amb el botó dret del ratolí i en la finestra emergent cliquem a “Desa la imatge com a”.

 

Si ens hi fixem veurem que en la part dreta tenim el nick de la persona que ha fet la foto, el nom amb el qual es va registrar a Instagram (que serà real o fictici), i la relació de hashtags amb els que va etiquetar la foto en qüestió.

En el nostre cas veiem que una de les etiquetes és “vinstagramvendrell”.

Si ara cliquéssim a sobre de qualsevol de les etiquetes que se’ns mostren, l’aplicació ens portaria a una finestra amb totes les imatges publicades que inclouen aquesta etiqueta.

A l’hora de guardar la imatge al nostre ordinador hem de tenir en compte el nom que per defecte el programa assigna a la imatge. Com veiem en l’exemple, es tracta d’una seqüència de números i lletres que faria molt difícil la posterior identificació o el treball amb elles.

Per això, és recomanable assignar una nomenclatura específica en funció dels nostres interessos, que ens resulti fàcilment identificable, etc.

Una opció és anar-les numerant acompanyades del nom/nick de l’autor. I la meva recomanació és començar pel 001.

• Seguint aquest mètode, el propi sistema Windows assignarà un ordre dins la carpeta (001, 002, 003…, etc.), i també som previsors en cas que hi hagi un gran número de fotografies que es presentin al concurs.

• Si al número d’ordre l’afegim el nick de l’autor el resultat seria: 001-Rakumori, per exemple.

 

Facebook: l’espai on compartir i mostrar les imatges

Ja hem vist com utilitzar Iconosquare per anar controlant i guardant les fotografies que es vagin publicant a Instagram. Ara és el moment de mostrar-les a la resta d’usuaris per tal que puguin votar les que més els agraden.

Per a fer-ho, utilitzarem la nostra pàgina de Facebook (atenció: en tant que biblioteca el que hem de tenir és una “Pàgina” i no un “Perfil”).

•  Entre moltes altres, una de les principals diferències entre totes dues opcions és que la “pàgina” té “seguidors”, és a dir, persones que hi han fet “M’agrada”, i que a partir d’aquell moment veuen en el seu mur les publicacions que anem fent.

• En el cas d’un “perfil” el que té són “amics”.

 

 

Creació d’un àlbum de fotos

Arriba ara el moment de començar a publicar les fotografies que hem anat recopilant d’Instagram. Per a fer-ho, la primera vegada el que farem serà “Crear un àlbum”.

IMPORTANT: l’opció que agafarem la primera vegada serà “Crear un àlbum”, i això ho farem encara que només tinguem, inicialment, una fotografia, ja que existeix una important diferència entre les dues opcions que trobem a Facebook:

• “Crear un àlbum”: permet anar afegint-hi fotografies encara que sigui en dies diferents, de manera que sempre tindrem recopilades en un mateix espai totes les  imatges que volguem incorporar durant el temps que sigui.

• “Publicar una fotografia” és una acció única, que s’acaba publicant com a missatge i al qual ja no és possible afegir-hi més coses. L’única acció que permet a posteriori és la d’editar el text del missatge.

Per crear l’àlbum en el qual anirem guardant totes les fotografies participants en el concurs seguirem el següent procediment:

• Des de la nostra pàgina de Facebook, clicarem a “Foto/vídeo”. És molt important no confondre’s i anar, per exemple, a “Estado”. On hem de clicar per crear l’àlbum és a “Foto/vídeo”.

• A continuació se’ns obrirà una finestra amb dues opcions: “Subir fotos/vídeo” o “Crear àlbum de fotos”, sent aquesta última la que ens interessa a nosaltres.

 

 

• Si fem clic a “Crear àlbum de fotos” se’ns obrirà una de les carpetes que tinguem al nostre ordinador, i el que haurem de fer és buscar aquella que conté les fotografies que volem publicar.

• Després de localitzar-les i seleccionar les que ens interessi, fem clic a “Obrir” i a continuació veurem com es comencen a publicar els arxius en la nostra pàgina.

 

 

NOTA: per seleccionar diversos arxius al mateix temps podem fer-ho amb la combinació de tecles CTRL + MAJ ó fent CTRL + clic del ratolí.

 

 

• Quan hagin acabat de pujar les fotografies que hem seleccionat ja només ens faltarà posar un nom a l’àlbum i introduir un text explicatiu, com podem veure en l’exemple següent.

I ja haurem creat i publicat l’àlbum a la nostra pàgina.

 

Afegir noves fotos a l’àlbum

A partir d’aquest moment ja només ens quedarà anar controlant periòdicament (una vegada a la setmana, per exemple) les imatges que es vagin publicant a Instagram amb el hashtag que hem proposat. Seguint el procediment descrit al començament d’aquest tutorial, es tractarà d’anar incorporant les noves a l’àlbum creat.

Per a fer-ho, haurem d’accedir a la nostra pàgina de Facebook, anar a “Fotos” i després a “Àlbums”.

A continuació localitzem l’àlbum on volem publicar les noves imatges i seleccionem l’opció “Afegir fotos”, situada a la part superior dreta de la finestra.

 

 

 

De la mateixa manera que hem vist en un dels punts anteriors, ara se’ns obrirà la finestra amb les carpetes del nostre ordinador per seleccionar la o les noves imatges a publicar i ja només caldrà repetir el procediment per publicar les noves imatges.

Per acabar, dir simplement que la combinació d’Instagram i Facebook, com hem vist, pot ser de gran utilitat per a les biblioteques, ja que permeten posar en marxa accions molt eficaces des del punt de vista d’incrementar la difusió de l’activitat d’una biblioteca.

En aquest sentit, en una pròxima publicació parlaré de com combinar el concurs amb una altra xarxa social com és Twitter per tal d’incrementar les seves vies de difusió.