En esta lección desarrollaremos el siguiente aprendizaje:
Aprendizaje esperado:
- Explicar las características de los formatos gráficos y los aplica.
Para ello trabajaremos revisando y practicando el siguiente tema y subtemas:
Formatos gráficos:
- Características de los formatos de imagen.
- Conversión de imágenes a otros formatos (bmp, jpg, gif, png).
INTRODUCCIÓN
El formato de imagen es un factor crítico en la reproducción fotográfica y está relacionado directamente con el uso final de la imagen. El formato determina la calidad, tamaño y compatibilidad de las imágenes, y son esenciales para garantizar una reproducción precisa y fiel de la realidad.
La variedad de formatos casi siempre obedece a razones ergonómicas; el cartel debe ser grande, un sello pequeño, una revista suficientemente grande para poder leerse, pero no mucho para poder manejarla con una mano.
Las personas a las que dirigimos la imagen, su función y su tipología condicionan el formato de imagen de cualquier diseño. Hay que considerar dos aspectos importantes en relación con el formato, que son el tamaño y la proporción.
En esta lección, exploraremos la importancia de los formatos de imagen, destacando los diferentes tipos de formatos y sus características. También mencionaremos cómo elegir el formato adecuado para diferentes propósitos y cómo optimizar la calidad de las imágenes en su reproducción. ¡Sigue leyendo para descubrir todo lo que necesitas saber sobre los formatos de imagen!
Revisa en el siguiente contenido las características de cada formato de imagen, lee con atentamente para notar las diferencias entre ellos y en qué situación se utilizan.
JPG (Joint Photographic Experts Group).
Imagen tipo raster o mapa de bits.
Formato con compresión con poca pérdida.
Adecuado para imágenes con detalle y numerosos colores, ofrece una buena calidad de imagen con un tamaño de archivo reducido.
Profundidad de color 24 bits, permite emplear 16.7 millones de colores
Tamaño de archivo generado relativamente pequeño.
No permite transparencia.
No permite animación.
Empleo publicación de imágenes en página web debido al tamaño pequeño de archivo y la alta calidad de la imagen.
PNG (Portable Network Graphics).
Imagen tipo raster o mapa de bits.
Formato con compresión sin pérdida.
Adecuado para imágenes con gran detalle y numerosos colores, ofrece una excelente calidad de imagen con un tamaño de archivo regular.
Profundidad de color 24 bits, permite emplear 16.7 millones de colores
Tamaño de archivo generado relativamente regular, mayor que el de JPG.
Permite la transparencia y semitransparencia, lo que lo convierte en una opción ideal para logotipos y gráficos con fondos transparentes.
No permite animación.
Empleo publicación de imágenes con alta resolución y calidad y por ello el tamaño de archivo es más grande que JPG.
GIF (Graphics Interchange Format).
Imagen tipo raster o mapa de bits.
Formato con compresión con pérdida.
Adecuado para imágenes pequeñas con poco detalle y pocos colores.
Profundidad de color 8 bits, permite emplear 256 colores
Tamaño de archivo generado muy pequeño menor JPG.
Permite la transparencia, pero no la semitransparencia, lo que lo convierte en una gran opción para logotipos y gráficos con fondos transparentes.
Permite animación, agrupando varias imágenes en secuencia dentro de un archivo, creando pequeñas animaciones, para iconos e imágenes con movimiento.
Empleo publicación de imágenes de baja resolución y calidad, pero con transparencia, por ello el tamaño de archivo es más pequeño que JPG.
BMP (Bit Map).
Imagen tipo raster o mapa de bits.
Formato sin compresión.
Adecuado para almacenar imágenes independientes del dispositivo y de la aplicación.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado es grande mayor que JPG y PNG.
No permite la transparencia.
No permite animación.
Empleo, fue uno de los formatos de imagen más comunes, pero ha caído en desuso pues se considera obsoleto debido a su naturaleza no optimizada.
WebP.
Imagen tipo raster o mapa de bits.
Formato con compresión con y sin pérdida.
Adecuado para fotografías, imágenes y gráficos pequeños, consiguiendo una reducción promedio en tamaño del 30% respecto a PNG y JPEG.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado es bastante pequeño, menor que JPG y PNG. Para compresiones sin pérdida, supone una reducción del 26% de tamaño respecto a las PNG, mientras que en las compresiones con pérdida se consiguen imágenes entre un 25 y un 34% más pequeñas que en JPEG, con la misma calidad.
Permite la transparencia.
Permite WebP animados en color verdadero, similares a los GIF o APNG, en los que la mejora de la compresión sin pérdida supone el 19%, mientras que con pérdida alcanza el 64% de reducción del tamaño del archivo generado.
Empleo, publicación de imágenes en página web debido al tamaño pequeño del archivo, publicación de imágenes con alta resolución y calidad, no obstante, el tamaño de archivo es pequeño que JPG y PNG entre un 25 y 34%.
TIFF (Tagged Image File Format)
Imagen tipo raster o mapa de bits.
Formato con compresión con pérdidas.
Adecuado para situaciones en las que la calidad de la imagen es más importante que el tamaño del archivo de la imagen.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado es muy grande porque entre otras cosas permite mantener sus capas, por lo que es posible editarlos posteriormente.
Permite la transparencia.
No permite animación.
Empleo para imprimir debido a su alta calidad de imagen. Muchos escáneres también utilizan el formato TIFF para preservar la calidad de las imágenes o documentos digitalizados. También se utiliza en las publicaciones de editoriales y en los documentos de dibujo técnico (planos de edificios, mapas, etc.), por lo que es un formato muy poco (o nada) utilizado en páginas web.
SVG (Scalable Vector Graphics).
Imagen tipo vectorial.
Formato sin compresión.
Adecuado con formas sencillas como logotipos, iconos o ilustraciones simples. No es adecuado para mostrar e imprimir imágenes complejas con gran profundidad de color, ya que se renderiza usando puntos y rutas.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado es pequeño.
Permite la transparencia.
Permite crear animación.
Empleo publicación de imágenes en página web debido al tamaño pequeño del archivo. El formato está optimizado para los gráficos 2D y la publicación en la web. También es útil para importar trabajos de arte desde aplicaciones de gráficos 2D a software de modelado 3D.
EPS (Encapsulated PostScript)
Imagen tipo vectorial.
Formato con compresión sin pérdidas.
Adecuado para la edición gráfica, guardar ilustraciones o trabajos de diseño gráfico en programas de ilustración como Adobe Illustrator y CorelDraw.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado es muy grande por ser destinado para la impresión.
Permite la transparencia.
No permite animación
Empleo, para la impresión.
PDF (Portable Document Format)
Imagen tipo vectorial.
Formato con compresión sin pérdidas.
Adecuado siendo la mejor opción para los informes visuales interactivos o las infografías, ya que es indexable y tiene texto que se puede buscar. También es posible incluir elementos interactivos en un PDF, por ejemplo, enlaces y botones CTA.
Profundidad de color 24 bits (16 Millones de colores)
Tamaño de archivo generado dependerá en gran parte del tipo de contenido que haya en su interior. Si se incluyen imágenes, ocupara un poco más de espacio que si solo tuviera texto, pero no será tanto como el archivo original.
No permite la transparencia.
No permite animación
Empleo, para guardar imágenes e ilustraciones.
Actividad H5P
¡Es el momento de revisar lo aprendido!
Características de los formatos de imagen