


{"id":247,"date":"2011-02-13T19:00:39","date_gmt":"2011-02-13T19:00:39","guid":{"rendered":"http:\/\/cosasdeciencias.wordpress.com\/?p=81"},"modified":"2011-02-13T19:00:39","modified_gmt":"2011-02-13T19:00:39","slug":"actividad-4","status":"publish","type":"post","link":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/2011\/02\/13\/actividad-4\/","title":{"rendered":"Trabajo con im\u00e1genes. Actividad 2"},"content":{"rendered":"<p>Vamos a comenzar a trabajar con im\u00e1genes:<\/p>\n<ol>\n<li>Sup\u00f3n que necesitas una imagen que tienes en el ordenador, por ejemplo, en una presentaci\u00f3n online o que quieres hacer un manual de lo que est\u00e1s haciendo, vas a tener que copiar im\u00e1genes. Antes de seguir adelante, te recomiendo que abras una nueva carpeta, a la que vamos a denominar blog en la que iremos insertando las im\u00e1genes que vamos a incluir en \u00e9l.<\/li>\n<\/ol>\n<p><strong>Copiar im\u00e1genes<\/strong><\/p>\n<p>Para copiar la imagen que tienes en pantalla:<\/p>\n<p>1.\u00a0\u00a0\u00a0\u00a0\u00a0Dale a la tecla\u00a0Impr\u00a0pant<\/p>\n<p><a href=\"http:\/\/cosasdeciencias.files.wordpress.com\/2011\/02\/portc3a1til.jpg\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-82\" src=\"http:\/\/cosasdeciencias.files.wordpress.com\/2011\/02\/portc3a1til.jpg\" alt=\"\" width=\"286\" height=\"144\" \/><\/a><\/p>\n<p>2.\u00a0\u00a0\u00a0\u00a0\u00a0Esto har\u00e1 que guarde en la memoria todo lo que aparezca en la pantalla.<\/p>\n<p>3.\u00a0\u00a0\u00a0\u00a0\u00a0Abrimos el programa que vayamos a utilizar, por ejemplo\u00a0Paint:<\/p>\n<ul>\n<li>Inicio<\/li>\n<li>Programas<\/li>\n<li>Accesorios<\/li>\n<li>Saint<\/li>\n<\/ul>\n<p>4.\u00a0\u00a0\u00a0\u00a0\u00a0En\u00a0Paint\u00a0debemos de pegarlo. Para ello, le damos a las teclas<\/p>\n<p>CTRL + V<\/p>\n<p>5.\u00a0\u00a0\u00a0\u00a0\u00a0Una vez hecho esto, podemos imprimirlo\u00a0o \u00a0guardarlo. F\u00edjate que se puede guardar en distintos formatos: hazlo ahora con esta entrada y gu\u00e1rdalo como: mapa de bits, jpg, gift y png. \u00a0Para ello, utilizaremos la\u00a0carpeta Blog.<\/p>\n<p>Comprueba cu\u00e1l es el formato que m\u00e1s ocupa. \u00c1brelos y compara las im\u00e1genes. \u00bfCu\u00e1l crees que ser\u00e1 la extensi\u00f3n m\u00e1s \u00fatil?<\/p>\n<p>Si no sabes contestar, en <a href=\"http:\/\/docentes.educacion.navarra.es\/~metayosa\/TIC1.html\">Cosas de Ciencias<\/a> podr\u00e1s ver las distintas caracter\u00edsticas.<\/p>\n<p>En la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Wikipedia:C%C3%B3mo_hacer_que_las_im%C3%A1genes_pesen_poco\">Wikipedia<\/a> tienes un art\u00edculo buen\u00edsimo para decidirlo:<\/p>\n<p>Tabla comparativa de formatos de compresi\u00f3n de im\u00e1genes<\/p>\n<p>Formato Tipo de compresi\u00f3n Ventajas Desventajas<\/p>\n<p><a title=\"JPEG\" href=\"http:\/\/es.wikipedia.org\/wiki\/JPEG\">JPEG<\/a> Con p\u00e9rdida (algoritmo JPEG)<\/p>\n<ul>\n<li>Ficheros muy reducidos<\/li>\n<li>Muy bueno para fotograf\u00edas<\/li>\n<\/ul>\n<ul>\n<li>P\u00e9rdida de calidad notoria a altos niveles de compresi\u00f3n<\/li>\n<\/ul>\n<p><a title=\"GIF\" href=\"http:\/\/es.wikipedia.org\/wiki\/GIF\">GIF<\/a> (algoritmo LZW) Sin p\u00e9rdida, aunque limitado a 256 colores<\/p>\n<ul>\n<li>Permite animaciones (no adecuado para Wikipedia)<\/li>\n<\/ul>\n<ul>\n<li>Paleta limitada (obsoleto para im\u00e1genes de muchos colores)<\/li>\n<li>Potenciales problemas legales (en algunos paises en otros ya venci\u00f3 la licencia)<\/li>\n<\/ul>\n<p><a title=\"PNG\" href=\"http:\/\/es.wikipedia.org\/wiki\/PNG\">PNG<\/a> Sin p\u00e9rdida<\/p>\n<ul>\n<li>Excelente para gr\u00e1ficos<\/li>\n<li>Permite transparencias<\/li>\n<\/ul>\n<ul>\n<li>Ficheros grandes para im\u00e1genes de muchos colores (fotograf\u00edas, ilustraciones, etc.)<\/li>\n<\/ul>\n<p>Por ello puedes ver que no es recomendable para la Web el gif, ya que tiene problemas de propiedad y <strong>para fotos est\u00e1 bien jpg, aunque es compresor, y para im\u00e1genes, png.<\/strong><\/p>\n<p><strong>Cambios a realizar<\/strong><\/p>\n<p>Es aconsejable guardar las im\u00e1genes originales. En las im\u00e1genes JPEG. Si la imagen que se guarda tiene un alto grado de p\u00e9rdida, en cada modificaci\u00f3n perder\u00e1 algo de calidad. Si, por el contrario, parte siempre del original, s\u00f3lo tendr\u00e1 la p\u00e9rdida correspondiente a la optimizaci\u00f3n de tama\u00f1o. Tambi\u00e9n puede ser que con el paso del tiempo te interese guardar las im\u00e1genes con una mayor calidad (p.e. un mayor ancho de banda disponible). Si has guardado los originales tan s\u00f3lo tendr\u00e1s que guardar la imagen de nuevo en la calidad deseada. Si s\u00f3lo tienes la imagen de poco peso, no existe ninguna manera de que recupere la calidad inicial.<\/p>\n<p>La forma de mantener la imagen a pesar de su aumento, es a trav\u00e9s de gr\u00e1ficos vectoriales., formatos svg. Para ello, utiliza <strong>Inkscape<\/strong>, programa open source para edici\u00f3n de gr\u00e1ficos vectoriales, usa SVG como formato de grabaci\u00f3n o Adobe Illustrator, su contraparte propietaria, puede exportar a SVG. Tambi\u00e9n Draw, mi preferido, del paquete Open Office.<\/p>\n<p><strong>En resumen<\/strong><\/p>\n<ul>\n<li><strong>Redimensiona<\/strong> la imagen al tama\u00f1o al que va a ser visualizada en el art\u00edculo. Actualmente esto es opcional y de hecho se recomienda que la imagen tenga toda la calidad que sea posible.<\/li>\n<li>Gr\u00e1bala con un <strong>nombre de fichero descriptivo, que te va a permitir localizarla.<\/strong><\/li>\n<li>Si es una <strong>foto<\/strong> o un dibujo con mucho detalle y colores prueba con el formato JPEG. Gu\u00e1rdala con varios factores de compresi\u00f3n (entre 30 y 70%). Desecha las que tengan una calidad muy deficiente. Escoge la que menos pese del resto.<\/li>\n<li>Si es un <strong>dibujo<\/strong>, <strong>no uses el formato GIF<\/strong>, gr\u00e1balo con el formato PNG. Prueba como en el caso anterior con varios factores de compresi\u00f3n y <strong>ajusta la paleta<\/strong> si el dibujo tiene un n\u00famero de tintas planas reducido. Tambi\u00e9n se puede utilizar el programa optimizador que se recomienda m\u00e1s arriba.<\/li>\n<li>Tampoco est\u00e1 de m\u00e1s <strong>comparar<\/strong> el peso en formato PNG y JPEG. Elige el PNG si pesa menos o solo un poco m\u00e1s que el JPEG. Extra\u00eddo de Wikipedia.<\/li>\n<\/ul>\n<p>Capturas de pantalla, tambi\u00e9n con infarnview: \u00a0<a href=\"http:\/\/www.irfanview.com\/\" target=\"_blank\">http:\/\/www.irfanview.com\/<\/a><\/p>\n<p>En Windows 7 aparece Recortes, con la misma utilidad: Para abrir Recortes, haga clic en el bot\u00f3n Inicio<img loading=\"lazy\" src=\"http:\/\/res2.windows.microsoft.com\/resbox\/en\/Windows%207\/main\/4\/f\/4f6cbd09-148c-4dd8-b1f2-48f232a2fd33\/4f6cbd09-148c-4dd8-b1f2-48f232a2fd33.jpg\" alt=\"Imagen del bot\u00f3n Inicio\" width=\"15\" height=\"15\" \/>. En el cuadro de b\u00fasqueda, escriba Recortes y, a continuaci\u00f3n, en la lista de resultados, haga clic en Recortes.<\/p>\n<p><!--[if !mso]&gt; &lt;!  v:* {behavior:url(#default#VML);} o:* {behavior:url(#default#VML);} p:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} v:textbox {display:none;} -->&lt;!&#8211;[endif]&#8211;&gt;Diapositiva 36&lt;!&#8211;[if !ppt]&#8211;&gt;<!-- .O \t{color:black; \tfont-size:149%;} a:link \t{color:blue !important;} a:active \t{color:#C0504D !important;} a:visited \t{color:purple !important;} --><!-- .sld \t{left:0px !important; \twidth:6.0in !important; \theight:4.5in !important; \tfont-size:103% !important;} -->&lt;!&#8211;[endif]&#8211;&gt;<\/p>\n<div><strong><a href=\"http:\/\/es.vso-software.fr\/products\/image_resizer\/\" target=\"_parent\">VSO Image<\/a><\/strong><strong><a href=\"http:\/\/es.vso-software.fr\/products\/image_resizer\/\" target=\"_parent\"> Resizer. <\/a><\/strong>Programa residente en la memoria del ordenador que sirve para ajustar el tama\u00f1o de cualquier imagen de forma r\u00e1pida y f\u00e1cil. Pinchas en la imagen con el bot\u00f3n derecho del rat\u00f3n para modificar su tama\u00f1o al elegir VSO Image Resizer.<\/div>\n<div><strong>Instalar complementos en el explorador<\/strong><\/div>\n<div><strong>Chrome<\/strong><\/div>\n<div><strong><a href=\"https:\/\/chrome.google.com\/extensions\/detail\/alelhddbbhepgpmgidjdcjakblofbmce\">https:\/\/chrome.google.com\/extensions\/detail\/alelhddbbhepgpmgidjdcjakblofbmce<\/a><\/strong><\/div>\n<div><strong>Firefox<\/strong><\/div>\n<div><strong><a href=\"https:\/\/addons.mozilla.org\/es-ES\/firefox\/addon\/pixlr-grabber\/?collection_uuid=da0ecd99-2289-7ab0-7d57-e7c489c845c3\">https:\/\/addons.mozilla.org\/es-ES\/firefox\/addon\/pixlr-grabber\/?collection_uuid=da0ecd99-2289-7ab0-7d57-e7c489c845c3<\/a><\/strong><\/div>\n<div><strong><br \/>\n<\/strong><\/div>\n<div><\/div>\n<div>Gracias a I\u00f1aki, a\u00f1ado otra posibilidad: si la imagen no procede de flash, tambi\u00e9n se puede situar encima del rat\u00f3n, hacer clic y arrrastrar, con lo que la imagen se copiar\u00e1 al escritorio: GRACIAS<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a comenzar a trabajar con im\u00e1genes: Sup\u00f3n que necesitas una imagen que tienes en el ordenador, por ejemplo, en una presentaci\u00f3n online o que quieres hacer un manual de lo que est\u00e1s haciendo, vas a tener que copiar im\u00e1genes. Antes de seguir adelante, te recomiendo que abras una nueva carpeta, a la que vamos <a href='https:\/\/multiblog.educacion.navarra.es\/metayosa\/2011\/02\/13\/actividad-4\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":181,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[289],"tags":[14,13616,13617],"_links":{"self":[{"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/posts\/247"}],"collection":[{"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/users\/181"}],"replies":[{"embeddable":true,"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":0,"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/posts\/247\/revisions"}],"wp:attachment":[{"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/media?parent=247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/categories?post=247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multiblog.educacion.navarra.es\/metayosa\/wp-json\/wp\/v2\/tags?post=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}