Exercici de compressió de l'assignatura Matemàtiques per a la Multimèdia del Grau Multimèdia de la UOC. Per a descarregar-te l'enunciat, visita la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
Pac 2 Integració Digital de continguts
En l'assignatura "Integració digital de continguts" es tracten els processos fonamentals sobre la digitalització i el processament de continguts d'àudio i vídeo. El llenguatge en què es desenvolupa l'assignatura és Processing.
Es tracta d'una assignatura amb quatre entregues 2 PAC's i 2 pràctiques amb algunes preguntes teòriques molt senzilles i una part de programació amb Processing
Pac 2 Integració Digital de continguts
En l'assignatura "Integració digital de continguts" es tracten els processos fonamentals sobre la digitalització i el processament de continguts d'àudio i vídeo. El llenguatge en què es desenvolupa l'assignatura és Processing.
Es tracta d'una assignatura amb quatre entregues 2 PAC's i 2 pràctiques amb algunes preguntes teòriques molt senzilles i una part de programació amb Processing
Correccció de la PAC 4 de l'assignatura de Programació Web de la UOC. Per a descarregar els arxius HTML i js, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Explicació del codi de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Manual del gps. Forma part de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Codi de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Matemàtiques per a la Multimèdia II - Pràctica 1 - Multimedia (UOC) - Paquita...Paquita Ribas
Pràctica 1 de Codificació, de l'assignatura de Matemàtiques per a la Multimèdia, del Grau Multimèdia de la UOC. Per a descarregar-te l'enunciat, visita la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
PAC 4 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html i js en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció PAC 1 de l'assignatura Programació Web, del Grau Multimèdia de la UOC. Us podeu baixar els arxius HTML i JS en la meva wiki Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Matemàtiques per a la Multimèdia II - PAC 2 - Multimedia (UOC) - Paquita RibasPaquita Ribas
PAC 2 de l'assignatura de Matemàtiques per a la Multimèdia II, del Grau Multimèdia de la UOC. Per a descarregar els arxius que pertanyen a aquesta PAC, visitar la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
Matemàtiques per a la Multimèdia II - Informe Pràctica 2 - Multimedia (UOC) -...Paquita Ribas
Informe de la Pràctica 2 d'estadística, de l'assignatura Matemàtiques per a la Multimèdia II, del Grau Multimèdia de la UOC. Per a descarregar-te els arxius de la pràctica, visita la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
Resol lucio exercicis-pac2_action_scriptPaquita Ribas
Aquesta explicació forma part de l'exercici publicat a la meva wiki:
http://raco-vermell.wikispaces.com/F%C3%ADsica
Esta explicación forma parte del ejercicio publicado en mi wiki
PAC 1 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. En la meva wiki Racó Vermell us podeu baixar els arxius html i js.
http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció de la PAC 2 de Programació Web del Grau Multimèdia de la UOC. Per a descarregar els arxius html, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 2 de l'assignatura de Programación Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correccció de la PAC 4 de l'assignatura de Programació Web de la UOC. Per a descarregar els arxius HTML i js, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Explicació del codi de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Manual del gps. Forma part de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Codi de la pràctica de Processing de l'assignatura Integració Digital de Continguts, Grau Multimèdia, UOC. Pràctica completa en Racó Vermell de Paquita Ribas http://bit.ly/1cTxuIU
Matemàtiques per a la Multimèdia II - Pràctica 1 - Multimedia (UOC) - Paquita...Paquita Ribas
Pràctica 1 de Codificació, de l'assignatura de Matemàtiques per a la Multimèdia, del Grau Multimèdia de la UOC. Per a descarregar-te l'enunciat, visita la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
PAC 4 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html i js en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció PAC 1 de l'assignatura Programació Web, del Grau Multimèdia de la UOC. Us podeu baixar els arxius HTML i JS en la meva wiki Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Matemàtiques per a la Multimèdia II - PAC 2 - Multimedia (UOC) - Paquita RibasPaquita Ribas
PAC 2 de l'assignatura de Matemàtiques per a la Multimèdia II, del Grau Multimèdia de la UOC. Per a descarregar els arxius que pertanyen a aquesta PAC, visitar la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
Matemàtiques per a la Multimèdia II - Informe Pràctica 2 - Multimedia (UOC) -...Paquita Ribas
Informe de la Pràctica 2 d'estadística, de l'assignatura Matemàtiques per a la Multimèdia II, del Grau Multimèdia de la UOC. Per a descarregar-te els arxius de la pràctica, visita la meva wiki: http://raco-vermell.wikispaces.com/MATEM%C3%80TIQUES+II
Resol lucio exercicis-pac2_action_scriptPaquita Ribas
Aquesta explicació forma part de l'exercici publicat a la meva wiki:
http://raco-vermell.wikispaces.com/F%C3%ADsica
Esta explicación forma parte del ejercicio publicado en mi wiki
PAC 1 de l'assignatura de Programació Web (JavaScript) del Grau Multimèdia de la UOC. En la meva wiki Racó Vermell us podeu baixar els arxius html i js.
http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Correcció de la PAC 2 de Programació Web del Grau Multimèdia de la UOC. Per a descarregar els arxius html, visiteu la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
PAC 2 de l'assignatura de Programación Web (JavaScript) del Grau Multimèdia de la UOC. Us podeu baixar els arxius html en la meva wiki, Racó Vermell: http://raco-vermell.wikispaces.com/PROGRAMACI%C3%93+WEB
Comparativa entre diversos formats de fitxer d'imatge. Treball fet per l'assignatura de Laboratori d'Aplicacions Gràfiques de la Facultat de Belles Arts de Barcelona.
El documento describe las partes de una letra y los diferentes tipos de letras, incluyendo su historia y desarrollo. Explica conceptos como trazo, ápice, vértice, brazo, ascendente, descendente, asta, remate, hombro, doble arco, espolón, uña, pico, oreja, lágrima, bucle, apófige, contrapunzón, perfil, cruz, cola, floritura, gancho, terminal, ligadura, ojal inferior, cuello, horcadura, cuadratín, med
Taller de Color · Pac 1 · Paquita RibasPaquita Ribas
PAC de l'assignatura Taller de Color del Grau de Disseny y Creació Digital de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
El documento describe los diferentes tipos de licencias de derechos de autor, incluyendo licencias abiertas como GFDL y Creative Commons. Define derechos de autor, derechos morales, copyright, dominio público y proporciona detalles sobre varias licencias Creative Commons como reconocimiento, no comercial, compartir igual y sin obra derivada.
El histograma muestra la distribución de los niveles de gris en una imagen, y puede indicar si hay suficientes tonos medios o si están agrupados en las altas luces o sombras. Para ajustar el rango tonal, herramientas como Niveles y Curvas permiten ajustar selectivamente las sombras, luces y tonos medios para mejorar el contraste sin empastar detalles. Al editar archivos RAW, se pueden hacer ajustes reversibles de la exposición, sombras, tonos medios y brillo observando el histograma para evitar
Materials resumits de l'assignatura de Fotografia Digital del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
El documento describe las diferencias entre cámaras compactas y réflex en términos de óptica y control de la luz. Explica conceptos como el enfoque, el ángulo visual, el diafragma, el obturador, la sensibilidad, el balance de blancos y más. También cubre temas como los modos de exposición, los tipos de objetivos, y cómo estas cámaras controlan la cantidad de luz que llega al sensor.
La fotografía digital se basa en píxeles en lugar de granos de plata y representa la imagen como una matriz numérica. El sensor electrónico sustituye al negativo tradicional y contiene píxeles que convierten la luz en impulsos eléctricos. Los formatos más comunes de sensor son CCD y CMOS, que usan filtros de color para generar imágenes a color a partir de sensores monocromáticos.
Materials resumits de l'assignatura de Fotografia Digital del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Super-resumPaquita Ribas
Materials molt resumits de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 6Paquita Ribas
Resum del mòdul 6 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 5Paquita Ribas
Resum del mòdul 5 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicció d'Àudio - Resum mòdul 4Paquita Ribas
Resum del mòdul 4 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 3Paquita Ribas
Resum del mòdul 3 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i Publicació d'Àudio - Resum mòdul 2Paquita Ribas
Resum del mòdul 2 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Tractament i publicació d'Àudio - Resum modul 1Paquita Ribas
Resum del mòdul 1 de l'assignatura de tractament i publicació d'Àudio del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 8 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 7 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 6 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Resum del mòdul 3 de l'assignatura de Gestió de projectes del Grau Multimèdia de la UOC. Pots veure el projecte complet a www.racovermell.com. Gràcies pel "like" ;-)
Matemàtiques per a la Multimèdia II - Exercici de compressió - Multimedia (UOC) - Paquita Ribas
1. PAQUITA RIBAS TUR
EXERCICI VOLUNTARI 2 – MATEMÀTIQUES II
Activitat 1-a)
He obert la imatge BlueMarble2012_800 amb el Photoshop, he fet una captura de
pantalla i l’he enganxat en un document de Paint. He retallat la part corresponent a la
imatge original i l’he guardat en format .bmp, de 24 bits, anomenant-la
terra_bmp_24b.
Després he obert la imatge terra_bmp_24b amb el Photoshop i l’he guardat amb els
següents formats:
Nom de la imatge Format Mida
terra_bmp_24b BMP 1.876 KB
terra-tif TIF 1.056 KB
terra-png PNG 847 KB
terra-jpg JPG 550 KB
terra-gif GIF 323 KB
Taxa de compressió entre el .bmp i el .tif
1876 – 1056 = 820 (el que ens estalviem)
820 / 1876 · 100 = 43,71 % és la taxa de compressió entre el .bmp i el .tif
Taxa de compressió entre el .bmp i el .png
1876 – 847 = 1029
1029 / 1876 · 100 = 54,85 % és la taxa de compressió entre el .bmp i el .png
Taxa de compressió entre el .bmp i el .jpg
1876 – 550 = 1326
1326 / 1876 · 100 = 70,68 % és la taxa de compressió entre el .bmp i el .jpg
Taxa de compressió entre el .bmp i el .gif
1876 – 323 = 1553
1553 / 1876 · 100 = 82,78 % és la taxa de compressió entre el .bmp i el .gif
2. Activitat 1-b)
He obert la imatge BlueMarble2012_800 amb el Photoshop i l’he guardat a diferents
qualitats.
Nom de la imatge Format Mida
BlueMarble2012_800 TIF 2.236 KB
terra-12 JPG 553 KB
terra-11 JPG 401 KB
terra-10 JPG 296 KB
terra-9 JPG 234 KB
terra-8 JPG 197 KB
terra-7 JPG 163 KB
terra-6 JPG 161 KB
terra-5 JPG 140 KB
terra-4 JPG 125 KB
terra-3 JPG 117 KB
terra-2 JPG 88 KB
terra-1 JPG 76 KB
terra-0 JPG 72 KB
Taxa de compressió entre el tif i el jpg de més alta qualitat.
2236 – 553 = 1683
1683 / 2236 · 100 =75,26 %
Per a veure com es pot comprimir el mateix format, compararé dels dos jpg resultants,
el més gran i el més petit.
553 – 72 = 481
481/553·100 = 86,98%
Activitat 1-c)
El jpg és un format àmpliament utilitzat perquè comprimeix imatges fotogràfiques de
manera molt eficient. Encara que té pèrdues, s’ha de comprimir molt perquè es puguin
detectar. A més suporta diferents nivells de compressió amb les seves respectives
pèrdues de qualitat diferents. És un format molt estès i universalment acceptat. És el
format utilitzat per les càmeres digitals, ja que les imatges ocupen menys espai.
Per altra banda, l’inconvenient d’aquest format és que no suporta transparències ni
múltiples capes i què quan més es comprimeix, més qualitat perd.
3. Activitat 2
Diferents formats gràfics de mapa de bits
TIFF (Tagged Image File Format)
- Dissenyat per Aldus, però ara pertany a Adobe.
- És un format sense pèrdua de qualitat.
- És el format que més ocupa però el millor per a ser imprès.
- Les impremtes utilitzen aquest format en les imatges per a filmar per a offset.
- Desavantatges: Ocupa molt d’espai.
BMP (Windows Bitmap Format)
- Creat per Microsoft.
- Compressió sense pèrdua de qualitat.
- S’utilitzen per a les imatges de qualitat d’impressió normal o per a imatges
d’alta qualitat que han d’aparèixer en pantalla, com per exemple, fons
d’escriptori.
- Desavantatges: Permet tanta qualitat com el TIFF, però no aporta informació
per a la impressió.
JPG (Joint Photographic Experts Group)
- Utilitza un algorisme de compressió amb pèrdues.
- Comprimeix la imatge basant-se en zones.
- Té pèrdua de qualitat.
- Permet seleccionar diversos nivells de compressió.
- Pot generar arxius molt petits, però amb pèrdua de qualitat (a més petit,
menys qualitat)
- S’utilitza per a imatges fotogràfiques que tinguin moltes tonalitats o imatges
amb degradats.
- No és el format més indicat per a dibuixos de línia o en dibuixos amb grans
extensions de colors plans i uniformes.
- Desavantatges: No permet transparències i a molta compressió, poca qualitat.
GIF (Graphics Interchange Format)
- Dissenyat el 1987 per Compuserve.
- És compatible amb tots els navegadors.
- Pot emmagatzemar imatges fins a 8 bits per píxel (256 colors) sense pèrdua de
qualitat.
- Utilitza l’algorisme de compressió LZW.
- Comprimeix la imatge basant-se en línies.
4. - No accepta transparències. Excepte el GIF89a, en el qual el nivell de
transparència és sempre del 100% o opac (no admet graus).
- Existeix una versió de GIF animada.
- S’utilitza per a il·lustracions, text, gràfics de colors plans i fotografies de petita
grandària, sempre que no tinguin massa tonalitats de color.
- Desavantatges: molt poc colors, animacions molt simples.
PNG (Portable Network Graphics)
- Dissenyat el 1996.
- Dissenyat especialment per a entorn web.
- Permet obtenir arxius molt comprimits a diferents nivells de qualitat.
- Pot emmagatzemar imatges fins a 48 bits per píxel.
- Suporta fins a 65 nivells de transparència ja que té un canal Alfa.
- S’utilitza per a tot tipus d’imatges, especialment per a web o per a imatges
integrades en Flash.
- Desavantatges: no és compatible amb tots els navegadors,
Mètode de compressió del jpg
L’algoritme de compressió JPG perd informació mentre comprimeix, però quasi no ens
donem compte de la pèrdua perquè aquest algoritme s’aprofita dels defectes de l’ull
humà.
Per exemple, en l’apartat b de l’activitat 1 d’aquest exercici voluntari, he guardat a jpg
de diferents qualitats una imatge tiff. Se’ns demanava que comprovéssim quina de
totes es pixela. Si ho anava mirant gradualment (sense fer zoom), els meus ulls quasi
no detectaven la pixelació. Sí que era notable si comparava el jpg de més alta qualitat
amb el jpg de menys qualitat, especialment en els degratats.
Amb el zoom a 200% sobre les imatges, he notat que es feia molt evident la pixelació a
partir de la imatge terra-2, en què ja es pot apreciar el píxel com un quadrat.
Normalment, les imatges es representen amb un canal pel vermell, un altra pel verd i
un altra pel blau. El que fa l’algoritme de compressió JPG, primerament, és separar la
informació del brillo de la informació del color. Es a dir, fa dos canals, un de brillo i un
de color. No toca el canal del brillo, però en el canal de color elimina les diferències de
color. Ho fa de manera tant subtil que els nostres ulls no ho poden apreciar.
Si es fes també sobre el canal del brillo, podríem percebre de forma quasi immediata la
manca de qualitat. Això és degut a que l’ull humà té més resolució de brillo que de
color, per això la compressió es fa sobre el canal de color.
5. Bibliografia:
Alberich Jordi, Corral Albert, Gómez David (2004). Producció i tractament de gràfics per
ordinador. Barcelona: UOC
Cruells Pere i Sáez Germán (2010). Matemàtiques per a multimèdia II. Barcelona: UOC
Monjo Palau Tona (2011). Disseny d’interfícies multimèdia. Barcelona: UOC
Pensamientos Computables (2011) Como el algoritmo de ocmpresión JPG engaña al
ojo humano [En línia] http://www.pensamientoscomputables.com/entrada/algoritmo-
compresion-jpeg-jpg.html [Maig 2012]
Clases Photoshop (2009) Clasificación de formatos de archivos. http://www.clases-
photoshop.com.ar/articulos_de_photoshop/articulo_numero_cuatro.html [Maig 2012]