Archivos Mensuales: diciembre 2014

¿Cuál es la diferencia entre JPG, PNG, y GIF?

Estándar

Los formatos de imagen son algo con lo que muchos estamos familiarizados, pero raramente entendemos de verdad que significan las diferentes extensiones que tienen esas fotos que guardamos en nuestro ordenador o en el móvil, o el sin fin de imágenes que vemos y compartimos en la web.

diferencia-entre-JPGE-PNG-y-GIF

 

Cuando tomamos fotos con una cámara digital o con un smartphone usualmente estas están en formato JPGE(JPG), igual que muchas imágenes que vemos en la web, solo que estás tienden a pesar mucho menos. Si te consigues con iconos o imágenes con transparencias estos casi siempre son PNGs, y ¿quien no pensó mientras leía esto en los GIFs animados? otro tipo de imágenes que sin duda todos disfrutamos mucho.

Los formatos de imágenes puede separarse en 3 categorías grandes: lossy y lossless -que sonformatos comprimidos-, y los formatos no comprimidos. Estos últimos suelen tener la mayor cantidad de data y son bastante pesados, pero son la representación exacta de la imagen. El formato de imagen BMP es un tipo de formato de este tipo aunque también pueden haber BMP comprimidos.

Lossy vs. Lossless

Los formatos de imagen Lossy (algoritmo de compresión con pérdida) se usan con el objetivo de representar la información utilizando la menor cantidad de la misma, no representa los datos de manera exacta pero disminuye el tamaño de los mismos. Por lo que este algoritmo es ideal paraguardar imágenes fotográficas que de otra manera ocuparían mucho espacio: JPGE (Joint Photographic Experts Group) es un claro ejemplo de imágenes “lossy”.

El formato JPGE usualmente no es el adecuado para ilustraciones, dibujos o texto, porque la compresión de la imagen suele generar artefactos. En estos casos la mejor alternativa es el uso de PNG (Portable Network Graphics), un formato Lossless (algoritmo de compresión sin pérdida). Este tipo de compresión al igual que el lossy buscar representar cierta cantidad de información ocupando un espacio menor, pero reconstruyendo los datos de manera exacta a los originales. Este formato es perfecto para aquellas imágenes que no se verían bien cuando se comprimen con pérdida, por supuesto como puedes imaginar este formato no es capaz de lograr una compresión tan alta como el lossy.

diferencias-entre-jpge-png-y-gif

Para concluir esta parte: Lossless significa que la imagen será más pequeña pero no a costas de perder calidad. Lossy significa que la imagen será aún más pequeña pero con una disminución significativa de la calidad.

Los GIFs utilizan el método de compresión lossless, al igual que los archivos BMP, pero en el caso de los GIFs el tamaño es mucho más pequeño, BMP es un formato viejo y salvar imágenes de este tipo resulta en archivos muy, muy grandes. BMP es un formato casi obsoleto que no destaca en nada y que ya está casi en completo desuso, excepto por niños que aún hacen dibujitos en MS Paint. Los GIFs solo pueden contener un máximo de 256 colores diferentes en el archivo, lo que es una cantidad bastante pequeña, pero los GIFs pueden ser animados, y también tener transparencias.

 

Música libre para Proyectos CC

Estándar

El blog Música libra para proyectos CC es un muestrario de canciones que están alojados en diferentes sitios de Internet y que tienen en común que están bajo licencias Creative Commons. Por tanto son canciones que tienen permiso para ser utilizadas en proyectos sin problemas de Copyright.

Música libre

Otros sitios para bajar sonidos gratis

Para facilitar el trabajo de búsqueda, os dejamos con una serie de recursos que os pueden ayudar precisamente a eso, a encontrar efectos de sonidos, archivos de audio, que puedan utilizarse respetando su licencia:

undiaunsonido.com: Un proyecto con formato de blog que publica cada día un sonido diferente. Comenzó el día 1 de enero, grabando un sonido cada día, tanto de máquinas como de ambientes y efectos de todo tipo.

soundbible.com: Conocida colección de sonidos con licencias tanto Creative Commons como de dominio público.

findsounds.com: Un buscador de archivos de sonido que consigue mostrar este tipo de ficheros por toda la web. El único problema es que no especifica si el resultado tiene licencia gratuita o no, por lo que tenemos que acceder a la fuente para determinar cómo podemos usar ese archivo.

flashkit.com: Efectos de sonido, tanto shareware como freeware, disponibles en una web que, por desgracia, parece haber parado su evolución de diseño en el siglo XX.

freesound.org: Podemos subir y bajar sonidos de todo tipo. Navegación muy sencilla, con comentarios para cada archivo, donde especifica el uso que se puede dar del mismo.

audiomicro.com: Más de 2000 sonidos gratuitos clasificados.

freesoundeffects.com: Enorme lista de archivos de audio con una categoría para mostrar los gratuitos.

Soundsnap.com: Colección conocida de archivos clasificados con una licencia que permite su uso gratuito, dejando claro que no pueden revenderse o crear un CD con ellos.

freesoundeffects: Colección agrupada en packs con sonidos de buena calidad.

partnersinrhyme.com: Pese a la polución visual de su contenido, la colección de archivos con licencia gratuita es bastante grande.

 

Otros 3 excelentes bancos de imágenes gratuitos

Estándar

Pixabay

soccer-pixabay

 

Un elegante banco de fotografías gratuitas y libres de derechos de propiedad con licencia Creative Commons de dominio público, modificables y sin requerimientos de atribución. Algo importante es que en algunas secciones se muestran anuncios con imágenes de ShutterStock que no son gratis.

IM Free

futbol-IM-Free

 

Una colección de recursos gráficos libres -además de imágenes hay iconos y templates- organizada por temáticas y seleccionada por profesionales. Las imágenes son libres para uso comercial pero cuentan con licencias CC en versiones que incluyen requerimientos de atribución y de recompartir. Para confirmar su licencia, basta con dar sobre el respectivo logo de Creative Commons.

Free Images

image-free-ball

La más grande colección del listado con más de 350.000 imágenes y fotografías de alta calidad libres para su uso comercial aunque siempre mencionando a su autor. Respecto a tamaños, al pulsar en “Download” se visualizará en el mayor posible. Requiere un largo registro pero vale totalmente la pena.

Fotos libres de derechos

Estándar

A la hora de generar actividades, materiales, trabajos, tanto profesores como alumnos nos apoyamos en imágenes, vídeos, audios…

Si nos centramos en el proceso de búsqueda de imágenes, suele ser muy común, tanto por parte de alumnos como de profesores, la siguiente rutina: “Poner la/s palabra/s de búsqueda en google, seleccionar la pestaña “imagen”, y la primera que resulta interesante guardarla en mi equipo”.

No digo que no sea cómodo, pero no es la manera más apropiada de hacerlo.

  • ¿La imagen que estás utilizando, tiene licencia “creative commons“?. No todas las imágenes que encontramos en internet son gratuitas.
  • ¿De qué tamaño la estás buscando?. A veces necesitaré imágenes grandes, en otros casos me valdrán imágenes pequeñas, dependiendo de la finalidad que queramos dar a la imagen.
  • ¿Quieres la imagen con un fondo transparente o con un fondo concreto? Si voy a hacer un collage o montaje fotográfico necesitaré que las imágenes no tengan ningún fondo, o si el fondo o background que vaya a utilizar es de un color concreto me interesará que la imagen tenga dicho color.
Vamos a ir comentando cada uno de estos puntos:
BANCOS DE IMÁGENES CREATIVE COMMONS
Para poder encontrar nuestra imagen con licencia creative commons, os dejamos esta recopilación de bancos de imágenes. Hay que tener en cuenta que en estos bancos de imágenes nos encontraremos imágenes de diferentes licencias (salvo que nos digan lo contrario, no todas son gratuitas). Siempre tendremos que efectuar las búsquedas filtrando por aquellas que tienen una licencia del tipo “Creative Commons”. Como podréis ver, no todas las imágenes que encontramos en Google Images son gratuitas y de libre disposición.
Captura de pantalla 2014-12-27 a las 21.23.27
TAMAÑOS Y RESOLUCIÓN DE IMÁGENES

El tamaño y resolución de una imagen, viene dado por el número de pixeles que tiene dicha imagen ( es otra unidad de medida, como lo pueden ser las pulgadas o los centímetros). Lógicamente, a mayor número de píxeles, más ocupará la imagen (en nuestro disco) y mayor será el tamaño de la imagen. Desde el punto de vista de la calidad de la imagen, a la hora de hacer una imagen más pequeña que la que tenemos nunca habrá problemas; pero a la hora de hacer la imagen más grande en tamaño lo que nos puede pasar es que la imagen no se vea nítida (lo que comúnmente se dice que la foto está “pixelada”).Por esta razón a la hora de buscar una imagen, aconsejamos que tenga un tamaño (en pixeles) igual o superior al tamaño que estamos buscando para nuestra actividad, trabajo, etc. ¿pero 1000 px es mucho o poco? Para hacerse una idea, la pantalla completa de nuestro ordenados suele oscilar, más o menos, entre 1260 x 768 píxeles a 1366 x 768 píxeles (varía en función del tamaño y la antigüedad de la pantalla que tengas). Esto te puede servir como unidad de medida y cuanto quieres que ocupe la imagen en tu pantalla.

Para poder ver el tamaño en pixeles de una imagen de una manera rápida y sencilla podemos utilizar la extensión de Chrome IMAGE SIZE INFO que nos permite conocer el tamaño de la imagen original (el que tendrá cuando nos lo descarguemos), el tamaño de la imagen (que estamos viendo en la web) y el espacio en Kb que ocupa dicha imagen.

Resolucion_Imagen1Resolucion_Imagen2
La forma de usarla es muy sencilla: instalas la extensión y una vez instalada, cualquier imagen que veas en la web, con el botón derecho del ratón accedes a la opción de “View image info” y verías toda la información que hemos comentado.LAS EXTENSIONES DE LAS IMÁGENES

También a la hora de descargar una imagen, vemos que unas tienen la extensión “.jpg”, otras “.gif”, y otras “.png”. Estas tres son las más comunes. ¿en qué se diferencian?. Sin entrar en temas técnicos, a efectos prácticos se diferencian principalmente en la posibilidad de que el fondo sea transparente.

Para ello, sólo la extensión “png” y la extensión “gif” permiten tener fondos transparentes. En el caso de las jpg siempre se rellena por defecto con un fondo blanco.

Y si tenemos una imagen con fondo blanco (por ejemplo un jpg), ¿cómo podemos quitar ese fondo blanco? Se puede hacer de muchas maneras. A continuación os explicamos cómo podéis hacerlo en cinco pasos con PIXLR EDITOR que es una herramienta en línea de edición de imágenes que no requiere que nos registremos para poderla utilizar. Aprovechando el tutorial también os explicamos cómo seleccionar un fragmento de una imagen, otra de las tareas que nos puede resultar muy útil en el día a día (aunque para tal fin también podemos utilizar alguna extensión para chrome como SNAGIT).

Cómo entender la relación entre Copyright, Copyleft, Dominio Público y Creative Commons con la analogía del semáforo

Estándar

creativecommons-semaforoa

 

¿En qué consiste cada una de estas licencias? Aquí un breve panorama.

Copyright: la licencia más restrictiva. Sólo el autor de la obra tiene derecho a utilizarla. Si otra persona quiere usar la obra, debe pedir permiso y pagar al autor. Sin embargo, tras una cantidad de años luego de la muerte del autor –en Chile son 70 años-, ésta pasa a dominio público. El color aquí es rojo.

Copyleft: es el opuesto al Copyright, esta licencia permite la distribución, intervención, copia e incluso el uso comercial de una obra. Su origen y despliegue está especialmente asociado al software libre y open source. Su color evidentemente es verde.

Creative Commons: hay cuatro tipo de atribuciones, cuya mezcla va desde la mera atribución al autor con todos los demás usos liberados, hasta la licencia que prohíbe el uso comercial de la obra y su reutilización. En esta gama de licencias, Creative Commons posee la más amplia: atraviesa del amarillo al verde, diferencia que se remarca en el color del header de la web de cada licencia.

Dominio Público: se trata de obras que, a partir de la muerte de su autor, quedan libres del Copyright. Desde ese momento, cesan sus restricciones para copiar, modificar, publicar y comunicar una obra al público.

“Estos modos de distribución no implican dedicación total al dominio público ni una renuncia al derecho de autor. Al contrario, se basan en el derecho de autor (Creative Commons considera la atribución irrenunciable). Pero, a la vez, reconocen que las libertades del dominio público son mucho más favorables que el Copyright a la hora de enriquecer el sistema cultural”

Kaspersky muestra mapa de ataques informáticos en tiempo real

Estándar

kaspersky-ataques

 

Si te gustan los temas relacionados con la seguridad informática, entonces, esto que te voy a mostrar debe ser una delicia para tus ojos.

Es que la empresa de antivirus Kaspersky ha desarrollado un mapa en el que se muestra los ataques informáticos que ocurren en el mundo, y en tiempo real. Es decir, puedes ver cuántos ataques y en qué países exactamente se producen esos ataques.

Por supuesto, los ataques que muestra el mapa son los que logra detectar el software de Kaspersky, pero aun así, nos ofrece una idea de cómo se desenvuelve ese mundo plagado de ataques informáticos.

En el mapa aparecen colores que indican lo siguiente: verde es para los escaneos automáticos del antivirus en los que se encontró malware, el rojo son los escaneos por demanda, el azul son los virus detectados por web, el naranja son los correos electrónicos con malware, el morado indica las intrusiones detectadas por el escáner, y el amarillo representa las vulnerabilidades escaneadas por el software.

Con eso dicho, solo me que dejarlos disfrutar de este mapa interactivo de Kaspersky, al que pueden acceder desde este enlace.

Mejora la seguridad de tu navegador

Estándar

El navegador web es nuestro principal medio de transporte para movernos por Internet y como cualquier medio de transporte en la vida real debe resultarnos seguro. ¿Tu navegador web es todo lo seguro que puede ser? Averígualo con esta infografía.

Igual que cuando conducimos un coche, queremos que éste tenga unas medidas de seguridad incorporadas que hagan nuestra conducción más segura y estemos más protegidos, a la hora de utilizar un navegador web debemos saber cuáles son las medidas de seguridad de las que dispone y cuándo es conveniente utilizarlas. ¿Sabías, por ejemplo, que puedes eliminar las contraseñas almacenadas en el navegador? Las opciones de seguridad de los navegadores más utilizados (Internet Explorer, Firefox y Chrome) pueden hacer que naveguemos de manera más segura, evitando que entremos en una página maliciosa o que hagamos clic en una ventana emergente que nos instale un malware en el equipo sin darnos cuenta.

La optimización en la configuración de nuestro navegador es un paso fundamental para poder movernos por Internet de forma segura y privada. Por este motivo, en la infografía de hoy os presentamos de forma rápida y sencilla las principales opciones de seguridad de los navegadores web. ¡Conócelas y úsalas convenientemente!

 

infografia-post-seguridad-navegadores

Virus y Antivirus

Estándar

Aquí tenemos la teoría y actividades a realizar en este tema sobre Virus y Antivirus

https://drive.google.com/a/sagradocorazonchamartin.com/folderview?id=0B9NaJr5ohlIoMjFtbktBaUJUdDA&usp=sharing

En el aeropuerto de Barajas de Madrid, Jordi Évole entrevista a Chema Alonso, uno de los mejores expertos en seguridad informática del mundo. El hacker enseña al periodista cómo se hackea una cuenta de Facebook, una de Gmail o un móvil, instalando un virus que permite espiar los usuarios y contraseñas de la persona propietaria del dispositivo.

Stop Motion

Estándar

Una de las primeras técnicas de animación que se inventaron es el “stop motion”. Genera un efecto visual interesante y consiste en simular el movimiento de un objeto estático a través de muchas fotos consecutivas.

How to make stop motion

El stop motión se puede aplicar al papel con ilustraciones o cartulinas de colores, plastilina, objetos, personas, mezclarlo con trozos de video … se trabaja como un proyecto. Necesita de coordinación para repartir tareas y responsabilidades pero, sobre todo, mucha paciencia para sacar cientos de fotos con movimientos estudiados y suaves.
Es un ejercicio muy completo, toca elementos fundamentales del lenguaje plástico, elementos de expresión, colores, armonías , texturas, composición , espacio, fotografía, imagen digital. Con el story board trabajamos además el lenguaje del cómic, el cine, el dominio de técnicas de animación y la edición de video.

Algunas técnicas

  • La animación con muñecos y objetos (Stopmotion) como las maquetas, las figuras articuladas o la plastilina o claymotion. La animación se consigue a partir de imágenes fijas que se graban fotograma a fotograma. Como ejemplo, el genial corto de animación Minotauromaquia de Juan Pablo Etcheverry. Inspirado en la obra de Pablo Picasso y en el mito del laberinto y el Minotauro. Una historia sobre la creatividad y las decisiones del artista.
  • La animación de dibujos es la que solemos identificar normalmente con los dibujos animados. Tradicionalmente se emplean pequeños flipbooks para que el alumnado comprenda cómo se crea la ilusión de movimiento a través de la persistencia retiniana.

 

Las actividades paso a paso

1. Elaboración de un relato literario.

2. Dibujo del personaje (o personajes) protagonista, coloreándolo con técnicas tradicionales, pero también con un programa informático.

3. Elaboración de las fichas de cada personaje a lápiz para experimentar, intentando dotarle de expresividad y movimiento. Lo dibujan de frente y de perfil, lo ubican en un fondo utilizando los recursos propios del cómic (bocadillos, onomatopeyas dibujadas, líneas cinéticas y efectos especiales).

4. Dibujo en formato cómic de lo que han escrito con palabras (en hojas DIN A-3, con el número de páginas necesarias). Una posibilidad es proporcionar al alumnado una plantilla con la forma de las viñetas previamente fotocopiada o bien dándole el papel en blanco para que lo elabore con regla. El cómic queda hecho con fino rotulador negro sobre el lápiz, que después será borrado. Una buena solución para que todos y todas se sientan partícipes del proyecto es publicar una revista con una selección de los cómics realizados. Así, del taller de creación resulta un producto «comercializable» y visible para todos.

5. Realización del personaje con plastilinas: modelado, manualidad.

6. Realización de ejercicios de animación, con la cámara y el programa de edición de vídeo con la técnica stop motion. Esta técnica consiste en unir las fotografías -frames- con los distintos movimientos. El modo profesional es unir 24 frames cada segundo; nosotros lo dejamos en 6 o 4 frames por segundo, con lo que se genera un movimiento suficiente para que el resultado sea muy bueno y el alumnado aprenda y disfrute.