Mejora la calidad de tus imágenes en Wimba Create

Si utilizáis frecuentemente Wimba Create para crear vuestros materiales, puede que alguna vez os haya ocurrido que, al generar un curso, las imágenes no se muestran con la calidad del archivo original. ¿Qué ha ocurrido? ¿Cómo podemos solucionarlo?

Al generar un curso, Wimba Create copia todas las imágenes que encuentra en el documento dentro de una carpeta denominada “images“. Dichas imágenes estarán enlazadas desde el documento HTML correspondiente. Si nos fijamos en los archivos de la carpeta “images”,  observaremos que únicamente encontramos dos tipos de formato: GIF y JPEG. Esto quiere decir que sea cual sea el tipo de imagen que insertemos en Word, Wimba lo convertirá, con mejor o peor acierto,  a uno de estos formatos.

---

Si utilitzeu freqüentment Wimba Create per a crear els vostres materials, pot ser que alguna vegada us haja ocorregut que, en generar un curs, les imatges no es mostren amb la qualitat de l’arxiu original. Què ha ocorregut? Com podem solucionar-ho?

En generar un curs,  Wimba Create copia totes les imatges que troba en el document dins d’una carpeta denominada “images“. Aquestes imatges estaran enllaçades des del document HTML corresponent. Si ens fixem en els arxius de la carpeta “images”, observarem que únicament trobem dos tipus de format: GIF i JPEG. Açò vol dir que siga el que siga el tipus d’imatge que inserim en Word, Wimba ho convertirà, amb millor o pitjor encert, a un d’aquests formats.

cas val foro

No hemos logrado adivinar en base a qué elige un formato u otro: puede que la elección se realice en función de los colores de la imagen o, simplemente, dependiendo de la forma que tengamos de incluir nuestras imágenes en el documento. El caso es que, al generar el material, podemos encontrar efectos no deseados, sobre todo si partimos de imágenes PNG que contengan algún tipo de transparencia. Del mismo modo, obtendremos imágenes de escasa calidad si utilizamos cualquiera de los elementos de dibujo, de diseño de esquemas o gráficos que Word pone a nuestra disposición.

La primera idea que nos viene a la cabeza es utilizar un programa de edición de imagen para convertir el archivo de imagen a formato GIF (recomendado para esquemas o iconos) o JPEG (recomendado para fotografías). Este proceso puede ser perfectamente válido y nos puede proporcionar imágenes de alta calidad, pero puede resultar algo tedioso si el número de imágenes del documento es elevado. No obstante, si decidís utilizarlo en algún caso concreto, os sugerimos que busquéis alguna opción denominada “Exportar para web” u “Optimizar para web” o algo similar para conseguir los mejores resultados.

La solución que proponemos (más sencilla) es utilizar las opciones de pegado especial que ofrece Word. De este modo, podríamos mejorar la calidad de la imagen, de un modo más cómodo, sin salir del entorno de trabajo. Suponiendo que la imagen original, está insertada en nuestro documento, el proceso conllevaría los siguientes pasos:

1. Copiar la imagen original (botón derecho del ratón y “Copiar“).
2. En el menú “Inicio“, buscar la opción “Pegar” (mostrada en la imagen) y pinchar sobre la flechita que aparece justo debajo para desplegar las opciones. Elegir “Pegado especial…“
3. En la ventana que aparece, elegir GIF o JPEG, dependiendo del tipo de imagen. (Si no lo tenemos claro, podemos probar ambos formatos y generar el curso para ver el resultado en cada caso).
4. Generar el curso y visualizar la imagen resultante.

En la siguiente imagen podemos comparar la imagen tal cual se visualiza en Word (primera columna) con la imagen que se muestra en el HTML generado por Wimba. Vemos como las imágenes en PNG son convertidas a GIF y aparecen distorsionadas. Sin embargo, utilizando el método anterior, pegando la imagen como GIF, al realizar la conversión, la imagen final es mucho más fiel a la imagen original. Si utilizamos el formato JPEG, el aspecto de la imagen generada mejora, aunque se muestra algo borrosa. En este caso, el formato que mejor se adapta a la imagen es el GIF.

En el siguiente ejemplo, partimos de un elemento de diseño creado directamente en Word. Se trata de un esquema SmartArt que, al generar el curso se convierte de nuevo en un archivo GIF como el mostrado en la imagen 1 de la figura. Como podemos observar, la calidad es escasa. Utilizando el método de las opciones de “Pegado especial” podemos conseguir un resultado como el de las imágenes 2 y 3, dependiendo del formato utilizado. La cuarta imagen, se ha obtenido realizando una captura de pantalla (con la tecla Imprimir Pantalla) del objeto tal cual aparece en Word. Tras realizar la captura, hemos pegado la imagen correspondiente en un programa de edición, donde la hemos recortado y posteriormente, pegado de nuevo en Word como JPEG. Podemos observar que, las imágenes 2 y 4 tienen una calidad muy similar. Puedes pinchar sobre la figura para ampliarla y comparar las diferencias entre las imágenes incluidas.

Por último, queríamos hacer una pequeña anotación respecto a las dimensiones de las imágenes introducidas. Debéis tener en cuenta que, si el tamaño de la imagen es superior al tamaño de la hoja de Word, el programa redimensionará la imagen automáticamente para que se adapte a los márgenes del documento. Al generar el material, la imagen se mostrará según las dimensiones especificadas en Word, lo cual puede conllevar un problema de visualización, sobre todo si la imagen contiene textos. Si encuentras este caso, te recomendamos que desde Word, restablezcas el tamaño original de la imagen,  y generes de nuevo el curso. Pinchando con el botón derecho sobre la imagen, elige “Tamaño y posición…“. En la ventana que aparece, cambia el alto o ancho al 100% (fíjate en que esté marcada la casilla “Bloquear relación de aspecto” para que no se distorsione la imagen).

Ten en cuenta que, el espacio del documento HTML no tiene las mismas restricciones que un documento de Word, y aunque en Word, la imagen se visualice cortada (porque no cabe en la página), en el HTML se visualizará correctamente. En el peor de los casos, si la imagen tiene unas dimensiones considerablemente elevadas, puede que en el HTML se muestre la barra de scroll horizontal. Para evitar que aparezca, podemos disminuir las dimensiones de la imagen o generar la imagen con un tamaño más pequeño, siempre que sea posible.

---

cas val foro

No hem aconseguit endevinar sobre la base de què tria un format o un altre: pot ser que l’elecció es realitze en funció dels colors de la imatge o, simplement, depenent de la forma que tinguem d’incloure les nostres imatges en el document. El cas és que, en generar el material, podem trobar efectes no desitjats, sobretot si partim d’imatges PNG que continguen algun tipus de transparència. De la mateixa manera, obtindrem imatges d’escassa qualitat si utilitzem qualsevol dels elements de dibuix, de disseny d’esquemes o gràfics que Word posa a la nostra disposició.

La primera idea que ens ve al capdavant és utilitzar un programa d’edició d’imatge per a convertir l’arxiu d’imatge a format GIF (recomanat per a esquemes o icones) o JPEG (recomanat per a fotografies). Aquest procés pot ser perfectament vàlid i ens pot proporcionar imatges d’alta qualitat, però pot resultar una mica tediós si el nombre d’imatges del document és elevat. No obstant això, si decidiu utilitzar-ho en algun cas concret, us suggerim que cerqueu alguna opció denominada “Exportar per a web” o “Optimitzar per a web” o alguna cosa similar per a aconseguir els millors resultats.

La solució que proposem (més senzilla) és utilitzar les opcions de pegat especial que ofereix Word. D’aquesta manera, podríem millorar la qualitat de la imatge, d’una manera més còmoda, sense eixir de l’entorn de treball. Suposant que la imatge original, està inserida en el nostre document, el procés comportaria els següents passos:

1. Copiar la imatge original (botó dret del ratolí i “Copiar“).
2. En el menú “Inici“, cercar l’opció “Pegar” (mostrada en la imatge) i punxar sobre la fletxa que apareix just sota per a desplegar les opcions. Triar “Pegat especial…“
3. En la finestra que apareix, triar GIF o JPEG, depenent del tipus d’imatge. (Si no ho tenim clar, podem provar ambdós formats i generar el curs per a veure el resultat en cada cas).
4. Generar el curs i visualitzar la imatge resultant.

En la següent imatge podem comparar la imatge tal qual es visualitza en Word (primera columna) amb la imatge que es mostra en l’HTML generat per Wimba. Veiem com les imatges en PNG són convertides a GIF i apareixen distorsionades. No obstant això, utilitzant el mètode anterior, pegant la imatge com GIF, en realitzar la conversió, la imatge final és molt més fidel a la imatge original. Si utilitzem el format JPEG, l’aspecte de la imatge generada millora, encara que es mostra una mica borrosa. En aquest cas, el format que millor s’adapta a la imatge és el GIF.

En el següent exemple, partim d’un element de disseny creat directament en Word. Es tracta d’un esquema SmartArt que, en generar el curs es converteix de nou en un arxiu GIF com el mostrat en la imatge 1 de la figura. Com podem observar, la qualitat és escassa. Utilitzant el mètode de les opcions de “Pegat especial” podem aconseguir un resultat com el de les imatges 2 i 3, depenent del format utilitzat. La quarta imatge, s’ha obtingut realitzant una captura de pantalla (amb la tecla Imprimir Pantalla) de l’objecte tal qual apareix en Word. Després de realitzar la captura, hem pegat la imatge corresponent en un programa d’edició, on l’hem retallat i posteriorment, pegat de nou en Word com JPEG. Podem observar que, les imatges 2 i 4 tenen una qualitat molt similar. Pots punxar sobre la figura per a ampliar-la i comparar les diferències entre les imatges incloses.

Finalment, volíem fer una petita anotació respecte a les dimensions de les imatges introduïdes. Heu de tenir en compte que, si la grandària de la imatge és superior a la grandària del full de Word, el programa redimensionarà la imatge automàticament perquè s’adapte als marges del document. En generar el material, la imatge es mostrarà segons les dimensions especificades en Word, la qual cosa pot comportar un problema de visualització, sobretot si la imatge conté textos. Si trobes aquest cas, et recomanem que des de Word, restablisques la grandària original de la imatge, i generes de nou el curs. Punxant amb el botó dret sobre la imatge, tria “Grandària i posició…“. En la finestra que apareix, canvia l’alt o ample al 100% (fixa’t en què estiga marcada la casella “Bloquejar relació d’aspecte” perquè no es distorsione la imatge).

Tingues en compte que, l’espai del document HTML no té les mateixes restriccions que un document de Word, i encara que en Word, la imatge es visualitze tallada (perquè no cap en la pàgina), en l’HTML es visualitzarà correctament. En el pitjor dels casos, si la imatge té unes dimensions considerablement elevades, pot ser que en l’HTML es mostre la barra de desplaçament horitzontal. Per a evitar que aparega, podem disminuir les dimensions de la imatge o generar la imatge amb una grandària més xicoteta, sempre que siga possible.