Este documento explica los diferentes tipos de formatos de archivos gráficos, incluyendo mapas de bits y vectoriales. Los mapas de bits son imágenes de matriz que pierden calidad con el aumento del tamaño, mientras que los formatos vectoriales almacenan información geométrica y mantienen la calidad independientemente del tamaño. Se recomienda usar formatos vectoriales para documentos impresos y electrónicos.

1. Tipos de formatos
en ficheros gráficos

2. Profesor:
Juan Ramón Rico Juan
Departamento de Lenguajes y Sistemas Informáticos

3. Índice
1. Introducción
2. Fichero tipo Mapa
de bits
3. Fichero tipo
vectorial
4. Recomendacione
s
5. Ejercicio
recomendado

4. 1.Introducción

5. Los formatos de ficheros
de gráficos existen
porque hay diferentes
formas de guardarlos,
comprimirlos y
visualizarlos.
Existen dos grandes
categorías:
los mapa de bits y;
los vectoriales.
Formatos

6. Como norma general un
fichero se puede convertir
de vectorial a mapa de bits
pero NO al contrario.
Es importante diferenciarlos
para mantener la calidad
deseada en la imagen final
en el caso vectorial.
Mapa de bits
vs
vectorial

7. 2. Ficheros tipo
Mapa de bits

8. Los formatos de ficheros tipo mapa de bits son imágenes,
matrices de puntos.
Se caracterizan por tener resolución (altura, anchura) y un
máximo de número de colores.
Cuanto más calidad tenga la imagen y más colores mayor
tamaño tendrá el fichero final.
Formato tipo Mapa de bits

9. Extensionesmás
conocidas(I)
JPG
o
JPEG
Relacionado con páginas web y cámaras
de fotos.
Guarda la información con pérdidas.
No soporta fondos transparentes.
RAW
Cámaras de fotos semi o profesionales.
Guarda toda la información de la cámara
captada en el momento de la foto
(imágen, apertura de foco, luminosidad,...)
GIF
Relacionado con Internet. Es capaz de
guardar varias fotos en un fichero y
visualizarlas como fotogramas.

10. Extensionesmás
conocidas(II) PNG
Formato de compresión sin pérdidas y no
sujeto a patentes. Soporta fondos
transparentes.
TIFF
Alta calidad. Utilizado para escanear e
imprimir sin perder ningún tipo de detalle.
BMP
Formato asociado a la empresa Microsoft
y su operativo Windows.

11. Programas de retoque de imágenes
Adobe Photoshop: Programa muy completo y de uso
extendido. Trabaja por capas con numerosas
herramientas de retoque.
GIMP: Software libre. Funciona en diferentes sistemas
operativos, y también contiene numerosas herramientas
de retoque.
Programas de ordenador relacionados

12. 3. Ficheros tipo
vectorial

13. Los formatos de ficheros tipo vectorial contienen
información geométrica sobre el dibujo que contiene,
como rectas, curvas, sombreados, etc.
Se caracterizan por:
tener alta calidad;
ampliar y reducir la imagen a voluntad y;
ocupar poco espacio.
Formato tipo vectorial

14. Extensionesmás
conocidas(I) PS
PostScript. Lenguaje de descripción de
páginas. Usado por impresoras y talleres
de impresión profesional.
PDF
Portable Document Format. Usado
ampliamente y desarrollado por Adobe
Systems.
SVG
Scalable Vector Graphics. Formato libre
desarrollado por la W3C orientado a web.

15. Extensionesmás
conocidas(II) ODG
Open Document Graphics. Formato libre
asociado usualmente al program Draw de
LibreOffice.org
WMF
Windows Meta File. Asociado a formatos
vectoriales de programas de Microsoft
Windows.
DXF
DWG
Formatos asociados a la empresa
Autodesk con Autocad para diseño
asistido por ordenador.

16. Privativos: Adobe Illustrator y Corel Draw
Libres: LibreOffice.org Draw e Inkscape
También existen programas de procesamiento de texto,
hojas de cálculo y cálculo estadístico que generan y
exportan gráficos o diagramas a formatos vectoriales.
Programas de ordenador relacionados

17. 4. Recomendaciones

18. Usar siempre que sea posible.
Obtenemos mayor calidad y menor tamaño de fichero.
Adecuados para usar en textos tanto en dispositivos
digitales (proyector, tablet, libro electrónico, etc) como
formato papel.
Formatos vectoriales

19. dispositivos electrónicos
monitor, proyector, libro
electrónico, tablet, móvil,
etc;
de 75 a 120 ppp (puntos
por pulgada) será
suficiente;
usar de 1000 a 2000
Formato en mapa de bits
documentos en papel
se necesita más calidad que
para dispositivos
electrónicos;
se necesitarán 300 ppp o
más.

20. 5. Ejercicio
recomendado

21. Para realizar este ejercicio
conviene visualizar los vídeos
sobre Dibujos de Google que hay
en el apartado de recursos de la
web de EDUA de este bloque.
Es un ejercicio personal NO evaluable

22. Diagramas y tipos de
gráficos (I)
1. Acceder a vuestra cuenta de
GMail
2. Ir a Drive (disco en la nube de
Google)
3. Botón nuevo / Dibujos de
Google
4. Con este editor sencillo de
dibujos vectoriales en la nube
vamos a crear un diagrama
Título e información sobre los autores
Estructura de un artículo científico
Resumen
Introducción
Estado del arte y aportación propia
Experimentación o aplicación
Conclusiones y trabajos futuros
Referencias

23. Diagramas y tipos de
gráficos (II)
5. Cuando terminemos
accederemos a Archivo /
descargar como /
6. Descargaremos el dibujo en
PDF, JPG, PNG y SVG.
7. Observaremos el tamaño de
los ficheros descargados y los
visualizaremos haciendo zoom
en cada uno de ellos para ver
la calidad de los detalles.
Título e información sobre los autores
Estructura de un artículo científico
Resumen
Introducción
Estado del arte y aportación propia
Experimentación o aplicación
Conclusiones y trabajos futuros
Referencias

24. Juan Ramón Rico Juan
juanramonrico@ua.es
Doctor Ingeniero en Informática
Profesor Titular de Lenguajes y Sistemas Informáticos