{"id":806,"date":"2010-07-21T12:34:20","date_gmt":"2010-07-21T10:34:20","guid":{"rendered":"https:\/\/blogs.ua.es\/observatoriotic\/?p=806"},"modified":"2010-07-21T12:34:49","modified_gmt":"2010-07-21T10:34:49","slug":"mejora-la-calidad-de-tus-imagenes-en-wimba-create","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/observatoriotic\/2010\/07\/21\/mejora-la-calidad-de-tus-imagenes-en-wimba-create\/","title":{"rendered":"Mejora la calidad de tus im\u00e1genes en Wimba Create"},"content":{"rendered":"

Si utiliz\u00e1is frecuentemente Wimba Create para crear vuestros materiales, puede que alguna vez os haya ocurrido que, al generar un curso, las im\u00e1genes no se muestran con la calidad del archivo original<\/strong>. \u00bfQu\u00e9 ha ocurrido? \u00bfC\u00f3mo podemos solucionarlo?<\/p>\n

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

\n

Si utilitzeu freq\u00fcentment 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<\/strong>. Qu\u00e8 ha ocorregut? Com podem solucionar-ho?<\/p>\n

En generar un curs,\u00a0 Wimba Create copia totes les imatges que troba en el document dins d’una carpeta denominada “images<\/em>“. Aquestes imatges estaran enlla\u00e7ades des del document HTML corresponent. Si ens fixem en els arxius de la carpeta “images”, <\/em>observarem que \u00fanicament trobem dos tipus de format: GIF <\/strong>i JPEG<\/strong>. A\u00e7\u00f2 vol dir que siga el que siga el tipus d’imatge que inserim en Word, Wimba ho convertir\u00e0, amb millor o pitjor encert, a un d’aquests formats.<\/strong><\/p>\n

<\/strong><\/p>\n

<\/a><\/p>\n

cas val<\/a> foro<\/a><\/strong><\/p>\n

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

La primera idea que nos viene a la cabeza es utilizar un programa de edici\u00f3n de imagen para convertir el archivo de imagen a formato GIF (recomendado para esquemas o iconos) o JPEG (recomendado para fotograf\u00edas). Este proceso puede ser perfectamente v\u00e1lido y nos puede proporcionar im\u00e1genes de alta calidad, pero puede resultar algo tedioso si el n\u00famero de im\u00e1genes del documento es elevado. No obstante, si decid\u00eds utilizarlo en alg\u00fan caso concreto, os sugerimos que busqu\u00e9is alguna opci\u00f3n denominada “Exportar para web<\/strong>” u “Optimizar para web<\/strong>” o algo similar para conseguir los mejores resultados.<\/p>\n

La soluci\u00f3n que proponemos (m\u00e1s sencilla) es utilizar las opciones de pegado especial que ofrece Word<\/strong>. De este modo, podr\u00edamos mejorar la calidad de la imagen, de un modo m\u00e1s c\u00f3modo, sin salir del entorno de trabajo. Suponiendo que la imagen original, est\u00e1 insertada en nuestro documento, el proceso conllevar\u00eda los siguientes pasos:<\/p>\n

    \n
  1. Copiar la imagen original (bot\u00f3n derecho del rat\u00f3n y “Copiar<\/strong>“).<\/li>\n
  2. En el men\u00fa “Inicio<\/strong>“, buscar la opci\u00f3n “Pegar<\/strong>” (mostrada en la imagen) y pinchar sobre la flechita que aparece justo debajo para desplegar las opciones. Elegir “Pegado especial…<\/strong>“<\/li>\n
  3. En la ventana que aparece, elegir GIF o JPEG<\/strong>, 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).<\/li>\n
  4. Generar el curso y visualizar la imagen resultante.<\/li>\n<\/ol>\n

    \"Pegado<\/a><\/p>\n

    \n

    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\u00e1genes en PNG son convertidas a GIF y aparecen distorsionadas. Sin embargo, utilizando el m\u00e9todo anterior, pegando la imagen como GIF, al realizar la conversi\u00f3n, la imagen final es mucho m\u00e1s 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.<\/p>\n

    \"Comparaci\u00f3n<\/a><\/p>\n

    En el siguiente ejemplo, partimos de un elemento de dise\u00f1o 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\u00e9todo de las opciones de “Pegado especial<\/strong>” podemos conseguir un resultado como el de las im\u00e1genes 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\u00f3n, donde la hemos recortado y posteriormente, pegado de nuevo en Word como JPEG. Podemos observar que, las im\u00e1genes 2 y 4 tienen una calidad muy similar. Puedes pinchar sobre la figura para ampliarla y comparar las diferencias entre las im\u00e1genes incluidas.<\/p>\n

    \"Comparaci\u00f3n<\/a><\/p>\n

    Por \u00faltimo, quer\u00edamos hacer una peque\u00f1a anotaci\u00f3n respecto a las dimensiones de las im\u00e1genes introducidas. Deb\u00e9is tener en cuenta que, si el tama\u00f1o de la imagen es superior al tama\u00f1o de la hoja de Word, el programa redimensionar\u00e1 la imagen autom\u00e1ticamente<\/strong> para que se adapte a los m\u00e1rgenes del documento. Al generar el material, la imagen se mostrar\u00e1 seg\u00fan las dimensiones especificadas en Word, lo cual puede conllevar un problema de visualizaci\u00f3n, sobre todo si la imagen contiene textos<\/strong>. Si encuentras este caso, te recomendamos que desde Word, restablezcas el tama\u00f1o original de la imagen,\u00a0 y generes de nuevo el curso. Pinchando con el bot\u00f3n derecho sobre la imagen, elige “Tama\u00f1o y posici\u00f3n…<\/strong>“. En la ventana que aparece, cambia el alto o ancho al 100% (f\u00edjate en que est\u00e9 marcada la casilla “Bloquear relaci\u00f3n de aspecto<\/strong>” para que no se distorsione la imagen).<\/p>\n

    \"Men\u00fa<\/a><\/p>\n

    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\u00e1gina), en el HTML se visualizar\u00e1 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\u00f1o m\u00e1s peque\u00f1o, siempre que sea posible.<\/p>\n

    \n

    <\/a><\/p>\n

    cas <\/a>val foro<\/a><\/strong><\/p>\n

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

    La primera idea que ens ve al capdavant \u00e9s utilitzar un programa d’edici\u00f3 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\u00e9s pot ser perfectament v\u00e0lid i ens pot proporcionar imatges d’alta qualitat, per\u00f2 pot resultar una mica tedi\u00f3s si el nombre d’imatges del document \u00e9s elevat. No obstant aix\u00f2, si decidiu utilitzar-ho en algun cas concret, us suggerim que cerqueu alguna opci\u00f3 denominada “Exportar per a web<\/strong>” o “Optimitzar per a web<\/strong>” o alguna cosa similar per a aconseguir els millors resultats.<\/p>\n

    La soluci\u00f3 que proposem (m\u00e9s senzilla) \u00e9s utilitzar les opcions de pegat especial que ofereix Word<\/strong>. D’aquesta manera, podr\u00edem millorar la qualitat de la imatge, d’una manera m\u00e9s c\u00f2moda, sense eixir de l’entorn de treball. Suposant que la imatge original, est\u00e0 inserida en el nostre document, el proc\u00e9s comportaria els seg\u00fcents passos:<\/p>\n

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

      \"Pegado<\/a><\/p>\n

      En la seg\u00fcent 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\u00f3n convertides a GIF i apareixen distorsionades. No obstant aix\u00f2, utilitzant el m\u00e8tode anterior, pegant la imatge com GIF, en realitzar la conversi\u00f3, la imatge final \u00e9s molt m\u00e9s 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 \u00e9s el GIF.<\/p>\n

      \"Comparaci\u00f3n<\/a><\/p>\n

      En el seg\u00fcent 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 \u00e9s escassa. Utilitzant el m\u00e8tode de les opcions de “Pegat especial<\/strong>” 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\u00e9s de realitzar la captura, hem pegat la imatge corresponent en un programa d’edici\u00f3, 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\u00e8ncies entre les imatges incloses.<\/p>\n

      \"Comparaci\u00f3n<\/a><\/p>\n

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

      \"Men\u00fa<\/a><\/p>\n

      Tingues en compte que, l’espai del document HTML no t\u00e9 les mateixes restriccions que un document de Word, i encara que en Word, la imatge es visualitze tallada (perqu\u00e8 no cap en la p\u00e0gina), en l’HTML es visualitzar\u00e0 correctament. En el pitjor dels casos, si la imatge t\u00e9 unes dimensions considerablement elevades, pot ser que en l’HTML es mostre la barra de despla\u00e7ament horitzontal. Per a evitar que aparega, podem disminuir les dimensions de la imatge o generar la imatge amb una grand\u00e0ria m\u00e9s xicoteta, sempre que siga possible.
      \n<\/a><\/p>\n

      <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      Si utiliz\u00e1is frecuentemente Wimba Create para crear vuestros materiales, puede que alguna vez os haya ocurrido que, al generar un curso, las im\u00e1genes no se muestran con la calidad del archivo original. \u00bfQu\u00e9 ha ocurrido? \u00bfC\u00f3mo podemos solucionarlo? Al generar un curso, Wimba Create copia todas las im\u00e1genes que encuentra en el documento dentro de […]<\/p>\n","protected":false},"author":1313,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1606402,6061,1],"tags":[7128,908,7127,2849,6905],"class_list":["post-806","post","type-post","status-publish","format-standard","hentry","category-aplicacionesaplicacions","category-creacion-de-contenidos-creacio-de-continguts","category-general","tag-calidad","tag-imagenes","tag-mejora","tag-problemas","tag-wimba-create"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/users\/1313"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":24,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/806\/revisions"}],"predecessor-version":[{"id":847,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/806\/revisions\/847"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/categories?post=806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/tags?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}