Archivo de la categoría: Gimp

¿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.

 

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”

Aclaración para uso de imágenes en internet

Estándar

¿Cómo saber si legalmente puedes hacer uso de una imagen o fotografía? Os dejamos esta pequeña guía para uso de imágenes de Internet: ¿Puedo usar esta foto?

 

http://www.escuela20.com/copyright-creative-commons-licencias/articulos-y-actualidad/guia-para-uso-de-imagenes-de-internet-puedo-usar-esta-foto_3885_42_5495_0_1_in.html

Tipos de Imágenes

Estándar

 

 

  • Imágenes vectoriales

Son gráficos compuestos por contornos y rellenos formados por curvas y líneas a través de elementos geométricos definidos como vectores.

Ventaja

Es que al momento que una imagen es ampliada esta imagen no pierde la resolución, osea no se pixeliza como ocurre en algunos formatos de imágenes, por su resolucion es usado por los diseñadores gráficos para trabajos como: rotulación, rótulos, iconos, dibujos, logotipos de empresa etc.

Imagen vectorial con relleno y contorno perfectamente definidos.

Estas imágenes son más utilizadas para ilustraciones con zonas bien definidas que contiene rellenos homgéneos de color.

Por ejemplo el logotipo una marca de prendas deportivas.

Por otra parte, las imágenes vectoriales permiten que se modifique su contorno a voluntad con transiciones suaves entre las zonas de concavidad y convexidad, sin que afecte para nada a la calidad de la representación.

Por medio de unos nodos provistos de manejadores que por lo general estan ubicados a los contornos al dibujo vectorial se puede transformar la imagen cambiando sus curvaturas si es necesario para lograr el efecto deseado como mayor suavidad al trazo

  • Imágenes en mapa de bits

Contiene una gran cantidad de pixeles que contienen el color del relleno, mientras mas pequeños los pixeles (o cuadrados) es más fácil de descomponerla para poder copiarla y manejarla, además de tener mayor precisión de la imagen

La forma de representación de estas imágenes origina una mayor imprecisión que se manifiesta sobre todo en las zonas de bordes curvos mientras que en las regiones limitadas por líneas rectas, estas imprecisiones son menos apreciables.

Nota Un ejemplo para aproximarnos a esta idea podría ser imaginar los dibujos realizados mediante punto de cruz, en el que la figura se conforma a partir de multitud de puntitos realizados con hilos de diferentes colores.

la imagen más basica en mapa de bits es la que solo tiene blanco y negro, que se representa con unos y ceros.

Las regiones de una imagen bitonal son descritas con dos dígitos: 0 para el blanco y 1 para el negro.

Las representaciones en mapa de bits están orientadas a imágenes que presentan una variada gama de color o tonalidad, sin embargo pierden mucha calidad al ser ampliadas o sufren transformaciones que afectan a su resolución.