Sebastián Saavedra Colque
UNIVERSIDAD PÚBLICA DEL ALTO
DIRECCIÓN DE POSGRADO
CENTRO DE ESTUDIOS Y FORMACIÓN DE POSGRADO E
INVESTIGACIÓN
MAESTRÍA EN EDUCACIÓN SUPERIOR
PARA LA INNOVACIÓN EN CIENCIAS
DE LA INGENIERÍA
FORMATOS EXISTENTES DE IMAGEN MÁS POPULARES Y SUS
CARACTERÍSTICAS TÉCNICAS Y USOS.
ESTUDIANTE: SEBASTIAN SAAVEDRA COLQUE
DOCENTE: M.SC. RODOLFO F. VELÁSQUEZ ARANDO
Sebastián Saavedra Colque
FORMATOS EXISTENTES DE IMAGEN MÁS POPULARES Y SUS
CARACTERÍSTICAS TÉCNICAS Y USOS.
Los tipos y formatos de archivos de imagen se dividen:
Rasterizadas
Vectoriales
Los formatos de imagen más comunes para la web (JPEG, GIF Y PNG) están
todos bajo raster muestran imágenes estáticas tiene un color , una posición y
una proporción definidos en función de su resolución .
Los formatos de imagen vectoriales AVG, EPS, AI y PDF, estos formatos son
más flexibles, los gráficos vectoriales utilizan en cambio de un sistema de línea
y curvas en un plano cartesiano , escalado en comparación con el área total
,no un solo pixel.
1. JPEG (JPG), es un formato de archivo de imagen rasterizado con una
compresión con perdida que lo hace adecuado para compartir
imágenes .los JPEG son imágenes con perdida que reduce el tamaño
del archivo.
Ventajas y desventajas:
Soporte universal para navegadores y sistemas operativos.
Un tamaño de archivo bastante pequeño-
La pérdida de comprensión de la imagen puede causar una mala
legibilidad del texto
Soporte para los navegadores y los sistemas operativos.
Soporta desde la versión 1.0 de todos los principales navegadores (chrome,
Firefox, safari etc)
Casos de uso:
Buena elección para imágenes de blogs y artículos, como fotos de entrevistas,
imágenes de producción y más.
2. PNG , Gráficos de red portátiles.es un formato de gráficos rasterizados
que soporta una compresión sin perdidas manteniendo el detalle y el
contraste entre los colores y ofrece una mejor legibilidad del texto que el
JPEG y son más popular para las infografías , los banners.
Ventajas y desventajas:
Imágenes de mayor calidad sin perdidas claramente visible.
Sebastián Saavedra Colque
Los tamaños de archivo más grandes pueden ralentizar
Soporte para los navegadores y los sistemas operativos:
Soportados por todo los principales navegadores( chrome, edge firofox,internet,
explorer, opera safari).
Soporta por todos los principales sistemas operativos y sus editores de imagen
estándar.
Casos de uso:
Buena elección para infografías, banners, gráficos de blogs, capturas de
pantallas copunes y otros. No lo utilices para fotos de alta resolución.
3. GIF Formato de intercambio de gráficos.se utiliza una comprensión sin
perdidas pero (restringe) la imagen a 8 bits por pixel y una paleta
limitada de 256 colores. El formato GIF es más utilizado para las
imágenes animadas por su limitación y fáciles de usar en internet.
Ventajas y desventajas:
El tamaño de archivo pequeño
Soporte de animación
La limitación de 8bits conlleva a una calidad de imagen limitada.
Soporte para los navegadores y los sistemas operativos:
Soporta por todos los principales navegadores y sus editores de imagen
estandar (chrome, internet, opera safari).
Casos de uso:
Utiliza los GIF animados, solo admite hasta 24 bits
4. WebP.es un formado de imagen desarrollado específicamente para
proporcionar una mejor compresión de imágenes sin perdidas y con
pérdidas, cambiar de JPEG y PNG a WebP puede ayudar a ahorrar
espacio en el disco del servidor.
Ventajas y desventajas:
Archivos más pequeños para misma o mejor calidad deimagen.
No esta soportado por todos los navegadores y editores de imagen.
Soporte para los navegadores y los sistemas operativos:
Google chrome (versión 17para escritorio 25 para móvil) Firefox 65,edge 18, y
opera 11.0, soportan Webp de forma nativa.
Sebastián Saavedra Colque
El formato todavía no es soportado por la mayoría de los editores de imagen
nativo del sistema operativo, pero las opciones profesionales como fhotoshop
soportan Webp.
Casos de uso:
Reemplaza los archivos JPEG y PNG para ahorrar ancho de banda y acelerar,
si utilizas Wordpress como sowtware CMS preferido.
5. TIFF: Es un formato de imagen rasterizado que se utiliza más
comúnmente para almacenar y editar imágenes para la impresión.
Ventajas y desventajas:
Archivos de alta calidad
Tamaño de archivo grande debido al uso típico sin compresión
Soporte limitado para los navegadores.
Soporte para los navegadores y los sistemas operativos:
Ningún navegador importante puede mostrar un archivo TIFF sin add.ons o
extensiones, principalmente disponible como formato de exportación para
herramientas profesionales de edición y publicación de imágenes.
Casos de uso:
Almacenamiento y preparación de imágenes y gráficos, utilizados por muchos
escáneres para presentar la calidad de documentos o imágenes escaneados.
6. (BMP) es un formato de archivo de imagen prácticamente obsoleto que
mapea los píxeles individuales con poca o ninguna compresión. Esto
significa que los archivos BMP pueden fácilmente llegar a ser
extremadamente grandes y son poco prácticos de almacenar o manejar.
Ventajas y desventajas:
Tamaños de archivo gigantescos sin ganancias de calidad notables
comparadas con formatos como WebP, GIF o PNG.
Soporte para los navegadores y los sistemas operativos
Soportado por todos los principales navegadores (Chrome, Edge, Firefox,
Internet Explorer, Opera, Safari), Soporte nativo en la mayoría de los editores
de imágenes del sistema operativo predeterminado, como MS Paint..
Casos de uso
En 2024, hay básicamente cero casos de uso legítimo del formato de imagen
BMP.
Sebastián Saavedra Colque
7. HEIF – High (Formato de Archivo de Imagen de Alta Eficiencia) En
teoría, la compresión es casi el doble de eficiente que el JPEG, lo que
permite obtener imágenes de hasta el doble de calidad con tamaños de
archivo idénticos.
Ventajas y desventajas
Una gran relación calidad/tamaño de archivo.
Los navegadores no son soportados y el soporte para los sistemas
operativos es limitado.
Soporte para los navegadores y los sistemas operativos
No es soportado por ninguno de los principales navegadores.
Casos de uso
Usado por algunos teléfonos y dispositivos más nuevos para almacenar fotos
en mayor calidad que los archivos JPEG,
8. SVG (Gráficos Vectoriales Escalables), No se basa en píxeles como un
formato rasterizado, sino que utiliza texto XML para contornear formas y
líneas de forma similar a como las ecuaciones matemáticas crean los
gráficos.
Ventajas y desventajas:
Pequeños tamaños de archivo y escalado sin pérdida para ilustraciones,
formas y textos simples.
No es un formato ideal para imágenes o dibujos complejos.
Soporte para los navegadores y los sistemas operativos:
Soportado por todos los principales navegadores (Chrome, Edge, Firefox,
Internet Explorer, Opera, Safari).Los editores de imágenes predeterminados
tienden a no soportar el SVG (ya que no es adecuado para las fotografías),
pero la mayoría de los programas de ilustración soportan las exportaciones de
SVG.
Casos de uso
SVG es el formato ideal para logotipos, iconos, ilustraciones simples y
cualquier otra cosa que quieras que se pueda escalar libremente con tu diseño
de respuesta.
Sebastián Saavedra Colque
9. EPS (PostScript Encapsulado), Al igual que los archivos SVG, el EPS
es en realidad un documento basado en texto que traza formas y líneas
con código, en lugar de mapear píxeles y colores. Como resultado, los
archivos EPS también soportan el escalado sin pérdidas.
Ventajas y desventajas
Escalabilidad sin pérdida.
Soporte de impresora para documentos y diseños.
Soporte para los navegadores y los sistemas operativos
El EPS no es un formato de archivo de imagen web estándar y no es soportado
por los principales navegadores.
Casos de uso
Se utiliza principalmente para almacenar, guardar e imprimir ilustraciones
cuando se trabaja con Adobe Illustrator u otro software.
10. PDF (Formato de Documento Portátil), Probablemente asocies el PDF
con el almacenar, guardar y leer de documentos basados principalmente
en texto. Eso es perfectamente comprensible – el documento está ahí
en el nombre después de todo.
Ventajas y desventajas
El texto indexable y buscable lo hace perfecto para infografías o
informes en profundidad.
Puedes incluir enlaces, botones CTA y otros elementos interactivos.
Escalabilidad sin pérdida.
No se puede incluir en el contenido de la web, debe ser cargado y leído
como un archivo separado.
Soporte para los navegadores y los sistemas operativos
Soportado por todos los principales navegadores, pero estás obligado a abrir el
PDF como un archivo separado. (No puedes usar los archivos PDF para
mostrar imágenes en todo tu contenido HTML).
Casos de uso
El PDF es la mejor opción si deseas crear un informe visual interactivo o una
infografía que complemente tu contenido. Aquí tienes una buena lista de los
mejores plugins de visualización de PDF para los usuarios de WordPress.
11. PSD (Documento de Photoshop), es un formato de imagen utilizado
Sebastián Saavedra Colque
para guardar documentos de imagen y trabajos en curso con Adobe
Photoshop.
No es un formato de imagen seguro para la web, por lo que no es compatible
con ningún navegador, o visualizador, o editor de imágenes estándar.
Ventajas y desventajas
Todos los filtros, las transparencias, los trazos y las ediciones son
totalmente personalizables y reversibles.
Calidad de imagen sin pérdidas.
Archivos de gran tamaño.
Casos de uso
Guardar y almacenar proyectos de Photoshop antes y después de que se
completen.
12. El INDD es un tipo de archivo nativo para los usuarios de Adobe
InDesign donde puedes guardar los archivos del proyecto incluyendo el
contenido de la página, estilos, muestras y más.
Aunque a veces se denomina formato de archivo de imagen, tiende a
vincularse a elementos visuales más allá del texto.
No está soportado por ningún navegador o visualizador de imágenes por
defecto, ya que no es un formato seguro para la web.
Ventajas y desventajas
Almacena grandes proyectos de diseño de varias páginas con
elementos personalizables.
Casos de uso
Utilizado principalmente por diseñadores gráficos y artistas de producción para
diseñar y colaborar en carteles, folletos, revistas, panfletos y más.
13. (Formato de Imágenes Raw)
Los formatos de imagen en bruto son los tipos de archivo que una cámara
digital utiliza para almacenar imágenes de calidad total para su posterior post-
producción y edición.
Los principales tipos de archivos de imágenes en bruto por el fabricante
de la cámara:
Kodak: CR, K25, KDC
Canon: CRW CR2 CR3
Sebastián Saavedra Colque
Epson: ERF
Nikon: NEF NRW
Olympus: ORF
Pentax: PEF
Panasonic: RW2
Sony: ARW, SRF, SR2
En lugar de los 256 tonos por canal de color (8 bits) disponibles en un archivo
JPEG, los archivos RAW ofrecen hasta 16.384 tonos por canal de color (14
bits) en una sola imagen. Eso te da más flexibilidad a la hora de ajustar los
colores y el contraste en el post-procesamiento.
Las imágenes Raw no están pensadas para la web o para ser compartidas y no
son compatibles con ningún navegador o visualizador de imágenes importante.
Ventajas y desventajas
Imágenes de mayor calidad con mayor variabilidad en los colores.
Archivos de imágenes gigantes (un archivo Raw puede fácilmente ser de
hasta 20 a 40 megabytes).
Casos de uso
Guardar las fotos con la mayor calidad posible para su post-procesamiento y
edición.
