Material del Seminario Conceptos clave edición multimedia impartido por el personal del Laboratorio Multimedia de la Biblioteca/CRAI de la Universidad Pablo de Olavide
2. 01
La imagen digital
¿Qué es la imagen digital?
La representación bidimensional de una imagen empleando bits
(unidad mínima de información compuesta por dígitos binarios 1 y 0),
que se emplea a instancias de la informática y cualquier dispositivo de tipo digital.
Tipos
Mapa de bits Imagen vectorial
www.enter.co
4. La imagen digital
¿Qué es un pixel?
Es la unidad mínima de una imagen digital en mapa de bits.
El color que compone cada pixel se obtiene mediante tres colores:
el rojo, el verde y el azul (esquema conocido como RGB).
‘Picture (imagen) + Element (elemento)’
La combinación de estos
colores puede reproducir más
de 16 millones de colores.
03
¿Sabías que...?R G
B
5. La imagen en mapa de bits también se denomina imagen
rasterizada o bitmap.
Está compuesta por píxeles. Cada píxel contiene
información acerca de su color y juntos conforman la
imagen.
Realizar cambios sobre estos píxeles afecta directamente
a la imagen que conforman.
La imagen digital
www.tiendapixeles.com
04
Imagen en mapa de bits
¿Sabías que...?
Rasterización es el proceso por el cuál una imagen vectorial
se convierte en un conjunto de píxeles.
7. La imagen digital
Inconveniente: Esta interdependencia entre calidad de la imagen y cantidad de píxeles
tiene como consecuencia que al ampliarse la imagen se produzca una distorsión o
pérdida de calidad, también conocido como ‘efecto pixelación’.
06
Imagen bitmap
8. La imagen digital
07
Es el grado de detalle o calidad de
una imagen digital.
¿A qué llamamos resolución?
Este valor se expresa en ppp (píxeles
por pulgada).
A mayor resolución:
+ detalle + definición
= más peso del archivo
Para web, crea y exporta imágenes en
resolución no superior a 72 ppp.
¡Recuerda!
www.es.mario.wikia.com
Imagen bitmap
9. La imagen digital
517 px
640 px
www.fandom.wikia.com
08
Por ejemplo, una imagen de 517 x
640 px, significará que está
compuesta por 517 columnas y 640
filas de píxeles.
¿Hablamos del tamaño?
El tamaño viene definido por las dimensiones de sus píxeles.
La suma de todos los píxeles repartidos en las filas y
columnas determinará el tamaño de la imagen.
Imagen bitmap
11. La imagen digital
Compresión muy alta; pesa menos = ideal para Web.
Buena calidad.
La mayoría de las cámaras digitales no profesionales y
teléfonos suelen almacenar directamente en este
formato.
www.nintenderos.com
10
JPEG / JPG
Inconveniente: su compresión supone pérdida de
información que puede afectar a la calidad de la imagen.
12. La imagen digital
Nació como alternativa al GIF.
Permite almacenar transparencias = montajes más
creativos.
Menos compresión que JPG.
www.kisspng.com
11
PNG
Inconveniente: no permite animación.
13. La imagen digital
www.gifer.com
12
GIF
Inconveniente: No recomendable para fotografías originales
o de mucha calidad ya que el color real utiliza una paleta de
más de 256 colores.
Diseñado específicamente para comprimir imágenes
digitales.
Formato sin pérdida = mayor tamaño que JPEG.
Recomendado para guardar imágenes no fotográficas:
logotipos, colores, dibujos, etc.
Permite crear animaciones.
14. La imagen digital
Almacena imágenes de muy alta calidad.
Formato ideal para editar o imprimir imagen.
Ideal para guardar archivos originales.
.
www.youtube.com
13
TIF
Inconveniente: produce archivos de gran peso.
15. La imagen digital
Formato de compresión sin pérdidas.
Ideal para imágenes que se deseen editar.
Produce archivos de gran tamaño.
.
14
BMP
Inconveniente: solo es soportado por Internet Explorer.
www.nintendo.wikia.com
16. La imagen digital
Son imágenes construidas a base de líneas y curvas definidas por atributos matemáticos
(curvas Béizer).
No sufren pérdida en su resolución y su escala es infinita.
www.flaticon.com15
Imagen vectorial
17. La imagen digital
Cada objeto se puede manejar de forma
independiente al resto.
Ideales para diseño gráfico
(por ejemplo, para diseño y creación de logotipos).
Este tipo de imagen tiene poco peso
como archivo digital.
www.flaticon.com
16
Imagen vectorial
18. La imagen digital
CDR- Corel Draw
AI-Adobe Ilustrator
EPS- Encapsulated
Postscript
SWF- Shockwave Flash
17
Formatos imagen vectorial
22. La imagen digital
21
Proceso de preparación y adecuación de una imagen teniendo en cuenta su uso on-line.
considerando para ello principalmente dos factores fundamentales:
¿Qué entendemos por optimización de la
imagen digital?
Tiempo de descarga
Pérdida de calidad
24. La imagen digital
¡Aquí tienes algunas
herramientas para crear y
editar tus imágenes!
23
www.teleadhesivo.com
25. La imagen digital
24
Banco de imágenes
Gratuitas Requieren atribución
Gratuitas Requieren atribución
De pago:
Free Images
StockSnap
Life of Pix
Pixabay
Freepik
Flaticon
The Noun Project
Shutterstook
26. La imagen digital
25
Banco de imágenes ¡Recuerda!
NUNCA debemos buscar en imágenes de
y publicarlas ya que no son gratuitas y tienen derechos
de autor. Utiliza los bancos de imágenes.
Intenta utilizar los iconos o fotografías de un mismo
diseñador / fotógrafo. Es importante mantener la misma
línea gráfica y visual.
Lee atentamente los acuerdos de licencia y
condiciones de uso de cada uno de los bancos de
imágenes que utilices para entender las limitaciones que
puedes tener.