SlideShare a Scribd company logo
1 of 15
Download to read offline
Publicació, distribució i
monetització
PAC 1
Jara Serra Hombrao PAC 1 Publicació, distribució i monetització UOC
Índex
1. BMP.........................................................................................................................................................................................................................................................................................................p. 1
..................................................................................................................................................................................................................................................................................................p. 9
..................................................................................................................................................p. 2
..............................................................................................................................................p. 3
....................................................................................................................................p. 7
.................................................................................................p. 9
...............................................................................................p. 10
..............................................................................................p. 10
.......................................................p. 11
.......................................................p. 11
....................................................................................................................................................................p. 11
4. Converteix la imatge BMP en PNG i respon a les següents qüestions
5. TIFF. A partir de la imatge TIFF adjunta, respon a les següents qüestions
6. SVG. A partir de la imatge SVG adjunta, respon a les següents qüestions:
2. Converteix la imatge BMP en GIF i respon a les següents qüestions
3. Converteix la imatge BMP en JPEG i respon a les següents qüestions
Bibliografia
Publicació, distribució i monetització PAC 1 UOC
....................................................................................................................................................................................................................................................................................................p.13
PART 1.- Treball amb imatges fixes (Primera publicació en el blog).
7. Quin és la diferència entre format i còdec? Defineix i explica breument cada concepte.
10. Converteix el vídeo MPEG en MP4 amb el còdec H.265 i respon a les següents qüestions
11. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP8 i respon a les següents qüestions
12. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP9 i respon a les següents qüestions
13. Com a conclusió, fes una breu comparativa entre els dispositius més comuns per veure vídeo online i
el tipus de format i còdec que seria més eficaç en cada cas.
8. MPEG
.......................................................................................................................................................................................................................................................................................p. 12Link al Blog
9. Converteix el vídeo MPEG en MP4 amb el còdec H.264 i respon a les següents qüestions
PART 2.- Treball amb vídeo digital (Segona publicació en el blog).
+ Quines són les principals característiques d'una imatge BMP?
BMP o Windows bitmap (.bmp) és un format d'imatge desenvolupat per Microsoft
Windows i IBM l'any 1986 per a arxius de mapa de bits independents del dispositiu
i independents de l'aplicació, dissenyats inicialment al programa Paint. Estan for-
mats per una graella de píxels on cada un queda representat per un determinat
nombre de bits que determinen el nivell d'intensitat, podent guardar imatges
d'entre 1 i 24 bits, essent 8 bits el més utilitzat. Els colors s'interpreten segons la
composició de color, en aquest cas en RGB que representen la intensitat dels
colors primaris de la llum, no és compatible amb CMYK.
En aquest cas la imatge A és RGBA, ja que la profunditat de color o de bits és de
32 bpp (bits per píxel), té 8 bits d'informació per representar el nivell d'intensitat
(0-255) de cada canal R=vermell, G=verd, B=blau, A=Alfa (canal per transparèn-
cies: defineix l'opacitat de cada píxel). Per tant, si utilitza 32 bits d'informació per
representar cada píxel, i la imatge està formada per 1920 x 1080 píxels = 2.073.600
píxels x 32 bits per píxel = 66.355.200 bits ≈ 8.294.400 bytes sense compressió.
A més es pot optar per utilitzar la compressió RLE (Run-length encoding) disponi-
ble per alguns programes compatibles però com és sense pèrdues (lossless) de
qualitat, la mida dels arxius són força grans tot conservant una bona qualitat
d'imatge.
+ Quins són els casos d'ús més habituals d'una imatge BMP?
Podem considerar el format BMP el "pare" de molts dels formats actuals, el qual
era utilitzat per visualitzar o manipular fotografies ja reduïdes a 24 bits o gràfics
digitals pel seu bon nivell de qualitat però amb el sorgiment d'altres formats d'ar-
xiu i l'era d'Internet és un format que cau en desús, ja que amb els actuals formats
trobem alternatives molt més eficients i òptimes segons el destí o finalitat que
tingui l'arxiu ja sigui en termes de lleugeresa com de qualitat. En l'actualitat, el
format BMP el trobem present en determinades funcionalitats del sistema opera-
tiu Windows com l'ImprPant, on es genera un arxiu temporal BMP però com ja
hem vist, és un format que ha perdut rellevància amb l’aparició dels formats JPG
o PNG i amb l’arribada d’internet. Per fer aquest mateix blog, el format BMP m'ha
donat problemes a l'hora de pujar la imatge A, aportant que “el format no és
permès per raons de seguretat".
Quant al tractament de les imatges fixes, és important conèixer què tipus de format hem de triar a cada moment i conèixer els processos adequats de codificació i compressió per
aconseguir la imatge adequada donada la plataforma d'exhibició. Així doncs, a partir de la imatge adjunta en format BMP, respon i realitza els següents exercicis:
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
1. BMP
1
Footage_BMP.bmp
Dimensions: 1920 x 1080 px
Profunditat de color: 32 bpp
Mida arxiu: 7,91 MB (8.294.456 bytes)
imatge A
Publicació, distribució i monetització PAC 1 UOC
+ Quines són les principals característiques d'una imatge GIF?
Una imatge de mapa de bits en format GIF o Graphics Interchange Format (.gif)
gestiona el color de la imatge assignant a cada píxel l'índex del color que li
correspon de la paleta de colors assignada, on la taula predefinida o els colors
seleccionats utilitzant mètodes, conté la informació d'indexament de cada color.
És un format que utilitza una compressió LZW sense pèrdues i accepta la capa
Alfa (transparències) però només permet tenir una profunditat de colors i bits
màxima de 8 bpp, un total de 28 = 256 colors, que hauran de ser ben escollits en
la tria de la paleta si es tracta d'una imatge en color (normalment provenen de
color real, RGB, profunditat de color = (8 bits/canal) x (3 canals) = 24 bpp obtenint
224 = +16.7 milions de colors per píxel), ja que si prové d'un arxiu que té una infor-
mació de color > 8bpp els nivells de color representables es reduirà en haver de
restringir els colors per píxel. A més, és un format d’imatge que a banda de repre-
sentar imatges estàtiques també té l'opció de generar petites animacions, obte-
nint en tots els casos una mida d’arxiu molt reduïda.
Si fem els càlculs de l’exercici anterior, obtenim: dimensions = 1920 x 1080 píxels =
2.073.600 píxels x 8 bits per píxel = 16588800 bits ≈ 2.073.600 bytes sense compres-
sió. Com veiem a la imatge B resultant, el contrast i la definició de la imatge s’ha
reduït molt poc, hi ha algunes àrees que s’han unificat en color però com es
tracta d’una imatge amb pocs nivells de color, s’ha pogut trobar una paleta
adient.
+ Quins són els casos d'ús més habituals d'una imatge GIF?
És una tècnica per optimitzar imatges que guanya en lleugeresa en la mida dels
arxius en detriment de la qualitat de colors de la imatge.
Així que, serà bo per aquelles imatges que amb un ventall de 256 nivells de colors
possibles es puguin reproduir òptimament, per això és un format àmpliament
utilitzat per du a terme banners, logotips, botons, parts de xarxes socials,
“memes”... amb o sense animació per exemple, ja que en una web seran ele-
ments que tindran unes dimensions reduïdes i que el seu destí serà fixa sense
escalats. A més, són imatges que no necessiten un ventall de color molt ampli per
ser degudament representades i compleixin amb la seva finalitat.
En canvi, és un format que no seria adequat quan la imatge ha de ser reproduïda
en resolucions de pantalla molt grans, ja que l'escalat provocaria una pèrdua de
qualitat de la imatge considerable (format mapa de bits) o es volgués treballar
amb imatges de més qualitat, que requereixen més profunditat de colors, com
per exemple el cas d'un banc d'imatges.
+ Posa un exemple de cadascun d'aquests usos habituals.
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
2. Converteix la imatge BMP en GIF i respon a les següents qüestions
2
imatge B
Publicació, distribució i monetització PAC 1 UOC
Footage_GIF.gif
Dimensions: 1920 x 1080 px
Profunditat de color: 8 bpp
Mida arxiu: 1,19 MB (1.257.101 bytes)
meme:
banner/ publicitat/ botó
icona/xarxa social
/ p /
+ Quines són les principals característiques d'una imatge JPEG?
El format JPG o JPEG o Joint Photographic Experts Group és, podríem dir, el còdec
més conegut i més utilitzat havent-hi 2 tipus de formats o contenidors JFIF i
EXIF a l'hora de desar les imatges obtenint JPEG/JFIF que és el format clàssic, i
JPEG/EXIF que permet afegir metadades (encara que s'ha d'anar amb compte,
cada vegada que sobreescrivim es comprimeix). És un format de mapa de bits
que provoca pèrdua de qualitat a les imatges, ja que utilitza compressió amb
pèrdues (lossy) d'informació però que aconsegueix arxius amb un pes reduït i
amb una qualitat molt bona. Es poden escollir diferents nivells de compressió
anant (Photoshop) d'1 (màxima compressió i pèrdua de qualitat) al 12 (mínima
compressió i lleugera pèrdua de qualitat). Una característica més, és que en
aquest cas no permet el canal de transparència.
+ Quins són els casos d'ús més habituals d'una imatge JPEG?
És un format àmpliament utilitzat per imatges en: planes web, fons d'escriptori,
bancs d'imatges,... Aquest és molt lleuger i permet obtenir imatges de molt bona
qualitat per transmetre-les en línia sense problemes sempre que es configurin les
dimensions i compressió òptima per cada cas, segons el destí o finalitat de la
imatge. Podríem afegir, que moltes càmeres digitals desen predeterminadament
les imatges captades en format .jpg, la qual cosa es desaconsella només l'ús
d'aquest format per a imatges originals, i normalment, hi ha l'opció d'obtenir 2
arxius: JPG i TIFF/RAW.
+ Quines modes o opcions de format podem seleccionar en una imatge JPEG? Explica-les breument.
És un estàndard del qual també derivem formats amb compressió sense pèrdues com: JPEG 2000, JPEG-LS i Lossless JPEG.
En el moment de comprimir, podem triar el nivell de compressió entre 1 (màxima compressió i pèrdua de qualitat) al 12 (mínima compressió i lleugera pèrdua de qualitat).
En Photoshop trobem 3 modes o opcions de format: Línia de base (estàndard), línia de base optimitzada o progressiva.
Mode Seqüencial o Línia de base (estàndard) les imatges carreguen de baix a dalt i és reconegut per la majoria de navegadors web.
Mode seqüencial o línia de base optimitzada per obtenir un color optimitzat i un arxiu lleugerament més reduït, però poden haver-hi aplicacions que no siguin compatibles.
El mode progressiu permet desar la imatge de manera que en inicialitzar-la des d'una pàgina web aparegui inicialment pixelada i a mesura que es carregui apareixeran una
sèrie de mostres o fins a arribar a la seva definició òptima (l'usuari especifica el nombre de mostres).
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
3. Converteix la imatge BMP en JPEG i respon a les següents qüestions:
3
imatge C
Publicació, distribució i monetització PAC 1 UOC
Footage_JPGE.jpg
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 1,73 MB (1.823.894 bytes)
+ Posa un exemple amb compressions al 90%, 60% i al 20% (valors: 10, 7 i 2) amb cadascun dels modes. Quines diferències hi ha entre l'elecció d'un mode o un altre? En quins casos
usarem cadascun dels modes? En quins casos usarem cadascuna d'aquestes compressions?
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
3. Converteix la imatge BMP en JPEG i respon a les següents qüestions:
3
imatge D imatge F
imatge G
imatge E
Publicació, distribució i monetització PAC 1 UOC
Footage_JPGE_90Liniabase.jpg
Compressió 90% (valor: 10)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 851 KB (871.802 bytes)
Footage_JPGE_20Liniabase.jpg
Compressió 20% (valor: 2)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 189 KB (193.671 bytes)
Composició d’imatges per compressió:
10, 7, 2 d’esquerre a dreta
Si s’amplia la zona en vermell, es veuràn
els canvis en la reducció de qualitat de la
imatge per a cada nivell de compressió.
Footage_JPGE_60Liniabase.jpg
Compressió 60% (valor: 7)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 365 KB (373.892 bytes)
imatge H imatge I
Footage_JPEG_90LiniaOptima.jpg
Compressió 90% (valor: 10)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 843 KB (863.699 bytes)
Footage_JPEG_60LiniaOptima.jpg
Compressió 60% (valor: 7)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 352 KB (360.938 bytes)
imatge L
Footage_JPEG_90Progressiva.jpg
Compressió 90% (valor: 10)
Lectura: 3
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 838 KB (858.933 bytes)
Footage_JPEG_60Progressiva.jpg
Compressió 60% (valor: 7)
Lectura: 3
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 352 KB (361.346 bytes)
Footage_JPEG_20Progressiva.jpg
Compressió 20% (valor: 2)
Lectura: 3
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 183 KB (187.865 bytes)
imatge J imatge K
Footage_JPEG_20LiniaOptima.jpg
Compressió 20% (valor: 2)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 184 KB (188.821 bytes)
Línia Base
Línia Optimitzada
Progressiva
60%90% 20%
En el mode seqüencial base estàndard es selecciona el nivell de compressió de la imatge entre 1 i 12, de més a menys compressió i de menys a més qualitat. Aquest factor
s'utilitzarà a la taula de quantificació en el moment d'eliminar els coeficients d'alta freqüència de tots els blocs de la imatge a quantificar. Un cop escollit el factor, es fa el
pas de codificació dels coeficients on els 64 coeficients sencers es converteixen a binari i es desen en un fitxer utilitzant una codificació que redueix la quantitat d'informació
pel seu emmagatzematge, utilitzant el Coeficient de baixa freqüència i Coeficients d'alta freqüència. Com és gran sigui el factor més petits seràn els valors de la taula de
qualificació donant un resultat més alt al fer la divisió i al fer el pas de codificació dels coeficients d'alta freqüència. El mode seqüencial base optimitzat, és una millora de
l'anterior i permet millorar entre el 2% i el 8% la mida del fitxer final encara que pot ser no compatible amb algunes aplicacions. El tercer, el mode progressiu és molt utilitzat
en pàgines web, ja que carrega la imatge segons el coeficient de contínua de cada bloc i a mesura que va obtenint les dades va millorant la qualitat. S'estableix un valor
per determinar la separació (3, 4 o 5) dels coeficients de contínua on els primers són els coeficients d'alterna de tots els blocs, després els coeficients d'alterna de menys
rellevància visual (més detall), després de rellevància encara més petita (i més detall)... Encara que poden tenir una mida en bytes superiors als anteriors, és un mode molt
utilitzat en llocs web que siguin molt saturats d'informació o tinguin una velocitat de navegació molt lenta. Els diferents nivells de compressió els farem servir segons el destí
o finalitat de la imatge, ja que no és el mateix visualitzar una imatge des de molt a prop (necessitarem molt de detall) que des de certa distància (menys detall) on és
podem donar resultats visuals similars depenent de la distància en què es mirin.
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
3. Converteix la imatge BMP en JPEG i respon a les següents qüestions:
5
imatge M
Publicació, distribució i monetització PAC 1 UOC
+ Tria un mode i elabora la imatge de diferència per a cada compressió.
mode: Mode seqüencial o línia de base optimitzada
Imatges N, P, R fetes amb la capa d’ajust nivells de Photoshop. Apropem la línia fins als
nivells de sortida més recurrents, que és on està la gran majoria de píxels que seràn les
zones on s’ha perdut informacióvisual per la compressió.
Footage_JPEG_90LiniaOptima-D.jpg
Compressió 90% (valor: 10)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 843 KB (863.699 bytes)
Footage_JPEG_90LiniaOptima-D-R.jpg
Compressió 90% (valor: 10)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Nivells modificats
Footage_JPEG_60LiniaOptima-D.jpg
Compressió 60% (valor: 7)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 352 KB (360.938 bytes)
Footage_JPEG_60LiniaOptima-D-R.jpg
Compressió 60% (valor: 7)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Footage_JPEG_20LiniaOptima-D.jpg
Compressió 20% (valor: 2)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 184 KB (188.821 bytes)
Footage_JPEG_20LiniaOptima-D-R.jpg
Compressió 20% (valor: 2)
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
imatge O imatge P
imatge N
imatge Q imatge R
+ Quines són les principals característiques d'una imatge PNG?
Podem dir que el format PNG Portable Network Graphics (.png) és el format de
mapa de bits més utilitzat dels formats sense pèrdues (lossless), és gratuït, ja que
és lliure i se'l considera el successor del format GIF, ja que va ser dissenyat per
suplir les mancances que té aquest en la web i el sistema de compressió és molt
similar. És un format molt potent, disposa de capa de transparència, permet una
profunditat de colors d'1 fins a 32 bits, té alta compatibilitat i té una tassa de com-
pressió superior al GIF.
+ Quins són els casos d'ús més habituals d'una imatge PNG?
És molt utilitzat en la web en imatges sense massa contrast i tons similars com
logotips, botons, bàners... A la llarga probablement anirà substituint les imatges
GIF. Com podem veure en la imatge S no s'aprecien canvis visuals perceptibles,
podem veure que l'arxiu ara pesa 3,70 MB (3.885.947 bytes), força més que en
format JPGE que utilitza la compressió amb pèrdues.
+ Posa un exemple de cadascun d'aquests usos habituals.
Les imatges en PNG en internet són molt habituals, ja que a banda de les caracte-
rístiques ja esmentades, aquest format pot contenir una breu descripció del text
del contingut facilitant la recerca d’imatges en internet. És molt útil per logotips
que necesitin transparència i degradat de colors i/o per fotografies quan el
tamany de l’arxiu no és un problema com per exemple en banc d’imatges.
+ Fes una comparació entre la qualitat i l'ús de les imatges GIF i PNG
Les imatges gif cada vegada s’utilitzen més per a animacions, ja que el format PNG dóna uns resultats
molt satisfactoris amb totes profunditats de color rao per la qual cada vegada el format PNG va
guanyant terreny al GIF en quant a imatge estàtica. Les qualitats són molt similars amb la mateixa
profunditat de bits .
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
4. Converteix la imatge BMP en PNG i respon a les següents qüestions:
6
imatge S
Publicació, distribució i monetització PAC 1 UOC
Footage_PNG.png
Dimensions: 1920 x 1080 px
Profunditat de color: 24 bpp
Mida arxiu: 3,70 MB (3.885.947 bytes)
+ Quines són les principals característiques d'una imatge TIFF?
El format TIFF o Tagged Image File Format pot utilitzar qualsevol profunditat de colors, d'1 a 32. És un format de mapa de
bits que permet emmagatzemar imatges amb una qualitat excel·lent pel que és ideal per editar o imprimir imatges,
essent un format molt bo per arxivar document original podent emmagatzemar imatge i dades en un sol arxiu. Un
inconvenient és que produeix arxius molt pesats encara que pot utilitzar opcionalment algoritmes de compressió LZW
(Lempel-Ziv-Welch) sense pèrdues de qualitat amb una excel·lent definició de color. Podem destacar, que és un arxiu
compatible amb els programes de disseny més avançats.
+ Quins són els casos d'ús més habituals d'una imatge TIFF?
És un format que genera arxius molt pesats, i per norma general no s'utilitza en la web. És molt útil a la indústria del dis-
seny, ja que permet obtenir, editar, guardar i tornar a modificar sense pèrdues de qualitat imatges de grans mesures i
quantitat d'informació.
+ Converteix la imatge TIFF en TGA i PNG, quines són les diferències entre aquests formats? En quins casos hem d'usar
uns o uns altres?
El format TGA Truevision Graphics Adapter (.tga) és un format natiu per les targetes TARGA de Truevision Inc., no és lliure
i pot utilitzar la compressió sense pèrdues RLE. Com hem vist anteriorment, el format PNG serà més òptim per a ús al web
per la seva qualitat i "lleugeresa" en comparació amb els formats TIFF lliure i molt pesats però perfectes per edició
d'imatge, igual que el TGA on en canvi aquest últim, no és lliure i és emprat habitualment per generar imatges amb
transparències que seran incloses en algun vídeo.
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
5. TIFF. A partir de la imatge TIFF adjunta, respon a les següents qüestions:
7
imatge T
imatge U imatge V
Publicació, distribució i monetització PAC 1 UOC
Footage_TIFF.tif
Dimensions: 1200 x 803 px
Profunditat de color: 24 bpp
Mida arxiu: 2,78 MB (2.922.744 bytes)
Footage_TGA.tga
Dimensions: 1200 x 803 px
Profunditat de color: 24 bpp
Mida arxiu: 2,75 MB (2.890.844 bytes)
Footage_TIFF.png
Dimensions: 1200 x 803 px
Profunditat de color: 24 bpp
Mida arxiu: 1,07 MB (1.123.893 bytes)
+ Quines són les principals característiques d'una imatge SVG?
SVG Escalable Vector Graphics (.svg o .svgz, en el cas d'estar comprimit mitjançant .zip) és un estàndard molt popular
que defineix imatges vectorials. Les imatges vectorials representes les formes mitjançant fórmules matemàtiques i al
contrari que el mapa de bits, no defineix el color de cada punt del total de la imatge. Per aquest motiu, per molts que
ampliem una imatge vectorial mai veurem la imatge "pixelada" perquè no conté píxels, gran avantatge per l'era d'inter-
net i el multidispositiu, multipantalla, multi... El format SVG és compatible amb la gran majoria de navegadors webs, ja
que són fitxers XML. La gran avantatge dels arxius vectorials o SVG és que per molt que es comprimeixin en format .zip
o .rar mai perdràs qualitat, no hi haurà pèrdua d'informació significativa. A més, com l'arxiu és XML amb una mica de
programació es poden aconseguir animacions amb un pes d'arxiu diminut. S’ha de dir, que amb l’arribada del nou HTML
5 es va quedant en desús.
+ Quins són els casos d'ús més habituals d'una imatge SVG?
Totalment destinat al web ja que pesen molt poc, permeten fer animacions, són escalables, es poden reduïr sense cap
pèrdua...
PART 1.- Treball amb imatges fixes (Primera publicació en el blog)
6. SVG. A partir de la imatge SVG adjunta, respon a les següents qüestions:
8
imatge W
Publicació, distribució i monetització PAC 1 UOC
Footage_SVG.svg
Mida arxiu: 9,49 KB (9.725 bytes)
Posant un exemple, el format de vídeo avi serveix com a format contenidor dels diferents continguts que pugui tenir l'arxiu, especificant com s'endreça el contingut multimèdia codifi-
cat, podent emmagatzemar de manera simultània un sol flux de vídeo i diversos fluxos d'àudio, podent aquests estar en gairebé tots els còdecs disponibles a través de VFW (vídeo) o
ACM (audio) en el mateix arxiu. En el cas del video Commercial_-_1951_Nash_Air_Flyte.avi tractat a l’assignatura de Tractament i publicació d'imatge i vídeo, el còdec (codificador i
descodificador) de vídeo utilitzat és MPEG-4 part 2 (estàndard ISO/IEC MPEG-4), amb un perfil Simple Profile que implementa un perfil particular de còdec Xvid (basat en l'estàndard
MPEG-4 ASP) i mp3(MPEG audio layer 3) per l'àudio, per dur a terme la compressió i descompressió de l'arxiu. Per dur a terme la compressió dels fotogrames de vídeo, utilitzen la com-
pressió temporal o interframe, que utilitza tres tipus de fotogrames o frames I, P i B on els I-frames contenen la informació sencera del fotograma, els P-frames contenen la informació
que ha canviat respecte al fotograma I o P anterior i els B-frames a banda d'analitzar les diferències en relació als fotogrames I o P també analitza els canvis succeïts amb els fotogra-
mes I o P posterior, fent així grups de fotogrames on només es codifiquen les diferències obtenint arxius més lleugers (amb pèrdues) que amb la compressió intraframe, ja que aquest
últim codifica cada fotograma individualment, tots són I-frames o keyframes. Per tant, al ser un format contenidor, pot guardar dades codificades de diverses maneres podent utilitzar
diferents còdecs que apliquin factors de compressió diferent.
2.- Treball amb vídeo digital (Segona publicació en el blog)
9
Publicació, distribució i monetització PAC 1 UOC
La importància del vídeo online es mostra que, actualment, suposa el 50% de la quantitat de dades descarregades durant la navegació d'Internet a tot el món. Segons l'últim estudi
Ericsson Mobility Report, el consum de vídeo online suposarà el 74% del trànsit de dades mòbils en 2024. Per això, és necessari controlar els formats i còdecs necessaris per a publi-
car els vídeos en Internet. A partir del vídeo MPEG adjunt, respon i realitza els següents exercicis:
7. Quin és la diferència entre format i còdec? Defineix i explica breument cada concepte.
8. MPEG:
+ Quines són les principals característiques d'un vídeo MPEG?
El MPEG Moving Picture Experts Group és un grup d’experts que normalitzen els còdecs de vídeo i àudio d’un conjunt d’especificacions d’estàndards de codificació i compressió que
estipulen la implementació de diferents formats de vídeo i àudio segons la utilitat de l’arxiu (ISO/IEC), utilitza MPEG Video File (.mpg, .mpeg) com a contenidor. Pot utilitzar còdecs de
vídeo MPEG-1, MPEG-2 i còdec d’àudio MPEG-1 Layers I, II, III (mp3).
+ Quins són els casos d'ús més habituals d'un vídeo MPEG?
El format d’arxiu .mpeg utilitza 2 còdecs de compressiò de vídeo que ja casi no s’utilitzen ja que són els més antics. El estàndard MPEG-2, el trobem molt present en el mercat domèstic
per l’ús del format DVD, TDT, satèl·lit i cable en Europa (DVB) i Amèrica (ATSC).
+ Quins tipus de còdecs MPEG existeixen i quins són els seus usos principals?
MPEG-1 ->S’utilitza per format video CD
MPEG-2->l’ús del format DVD, TDT, satèl·lit i cable en Europa (DVB) i Amèrica (ATSC).
MPEG-3 -> dissenyat per tractar senyals HDTV
MPEG-4 -> compressió de dades audiovisuals per la web, streaming i distribució de CD, veu, etc... Conté especificacions per a àudio, vídeo i interactivitat.
+ Quines són les principals característiques d'aquest tipus de vídeos?
Del contenidor MP4 és propietari MPEG i pot utilitzar multituds d'estàndards, entre ells l'estàndard H.264/M-
PEG-4 AVC. El còdec H.264 o MPEG-4 parte 10 ha estat enfocat per al vídeo de baixa qualitat, per realitzar
videoconferències i aplicacions per internet, ja que està basat en 8bits/mostra i utilitza una compressió feta a
partir de matrius i particions en bloc de la informació.
+ Quins són els casos d'ús més habituals d'aquest tipus de vídeos?
L’ús més habitual és en streaming o internet, ja que permet una qualitat d’imatge bastant bona i una mida
d’arxiu força petita.
+ Quines són les principals característiques d'aquest tipus de vídeos?
H.265 o MPEG-H Parte2 també conegut com a High Efficiency Video Coding (HEVC) és el successor del format
de compressió H.264/MPEG-4 AVC aconseguint la mateixa taxa de dades amb una millor qualitat de vídeo de
baix bitrate, compatible amb televisions d'ultra alta definició i resolucions fins a 4K. Té extensions addicionals
en desenvolupament que inclouen vídeo en 3D.
+ Quins són els casos d'ús més habituals d'aquest tipus de vídeos?
Vídeo en streaming en 4K, ja estan desenvopulant el 8K.
+ Quins són diferències tècniques entre el còdec H.264 i H.265?
El H.265 té un estàndard de codificació de vídeo més eficaç, un bitrate menor i pot aconseguir fins a 50% de
reducció de l'arxiu respecte al H.264.
El H265 utilitza la tècnica CTU (Coding Tree Units) podent utilitzar blocs de fotogrames entre 4x4 fins a 64x64
on el H.264 només arriba a 16x16, podent adequar-se millor a cada escena.
Millora els algoritmes de segmentació, ja que intenta aprofitar i compartir la mateixa informació en més foto-
grames fent que la informació que no canviï pugui ser reutilitzada durant més de dos fotogrames.
Millor seguiment de moviment, ja que es pot reaprofitar informació encara que no es trobi en la mateixa part
de la pantalla.
+ Analitza i compara els resultats de tots dos vídeos.
Es pot veure com el H.265 té una qualitat de visualització força superior.
10
9. Converteix el vídeo MPEG en MP4 amb el còdec H.264 i respon a les següents qüestions:
10. Converteix el vídeo MPEG en MP4 amb el còdec H.265 i respon a les següents qüestions:
2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC
Footage_H264.mp4
Mida arxiu: 31,4 MB (32.936.222 bytes)
Footage_H265.mp4
Mida arxiu: 46,0 MB (48.244.454 bytes)
+ Quines són les principals característiques d'aquest tipus de vídeos?
Matroska (.mkv, .mk3d,.mka, .mks, .webm) del propietari CoreCodec, Inc. pot utilitzar tota mena de còdec d'àudio i vídeo. És un format contenidor obert podent contenir una quantitat
molt gran de vídeo, àudio, imatge o pistes de subtítols en un mateix arxiu amb la finalitat de ser un format universal d'emmagatzematge de contingut multimèdia i audiovisuals, com
videojocs, imatges, text... Podem dir que no és un còdec de vídeo com H.264/MPEG-4 AVC sinó que es tracta d'un contenidor que embolcalla l'àudio, el vídeo i els subtítols en un mateix
paquet. El còdec VP8, és des de 2009 un còdec obert (llicència BSD) utilitzat com a format multimèdia estàndard en el llenguatge HTML5.
+ Quins són els casos d'ús més habituals d'aquest tipus de vídeos?
És un format d'arxiu que pretén tenir la finalitat de ser un format universal d'emmagatzematge de contingut multimèdia i audiovisuals, com videojocs, imatges, text...
+ Quines són les principals característiques d'aquest tipus de vídeos?
El còdec VP9, s’extent de l’anterior VP8. És un còdec obert de compressió de vídeo lliure de royalties que esta essent desenvolupat per Google. Un dels objectius és reduir el bitrate un
50% respecte la versió anterior mantenitn la qualitat de imatge i aconseguir una compressió més eficient.
+ Quins són els casos d'ús més habituals d'aquest tipus de vídeos?
És un format de compressió destinat als exploradors, ja que Mozilla o Chrome el porten incorporat al navegador, donant facilitats al renderitzat d'imatges en un suport HTML5. A més
els dos poden utilitzar resolucions de 4K on VP9 a més pot utilitzar blocs rectangulars.
+ Quins són diferències tècniques entre el còdec VP9 i H.265?
Principalment, VP9 és un format integrat en molts exploradors i H.265 no, encara que aquest últim aconsegueixi una reducció de bitrate que per ara VP9 no pot aconseguir. El VP9 té
una descodificació més estricte que permet més estabilitat en vídeos en streaming.
+ Analitza i compara els resultats de tots dos vídeos (VP9 i H.265).
11
11. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP8 i respon a les següents qüestions:
12. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP9 i respon a les següents qüestions:
2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC
Footage_VP8.mkw
Mida arxiu: 2,66 MB
(2.790.522 bytes)
Pijor qualitat
Footage_VP9.mkw
Mida arxiu: 148 MB
(155.766.083 bytes)
Molt bona qualitat
12
Link al Blog: http://3.83.42.83
2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC
Bibliografia
13
Toni Comerma Paré, Alex Ribelles García. (Primera edició: febrer 2016). “Mòdul 1. Conceptes bàsics de vídeo i àudio. Introducció”.
En Plataformes de publicació i distribució(50). FUOC, 2016 Av. Tibidabo, 39-43, 08035 Barcelona: Oberta UOC Publishing, SL.
Alex Ribelles García. (Primera edició: febrer 2016). Digitalització, emmagatzematge i transmissió d'àudio i vídeo(60).
FUOC, 2016 Av. Tibidabo, 39-43, 08035 Barcelona: Oberta UOC Publishing, SL.
Gómez Bizcocho, R. (2018). Benvinguts a la vostra wiki. Consultat 04 maç 2019,
Recuperat de: http://cv.uoc.edu/webapps/xwiki/wiki/mat06543ca?srid=DXcIHD1M
Wikipedia. Windows bitmap. Consultat 04 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/Windows_bitmap
Wikipedia. Composición alfa. Consultat 04 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/Composici%C3%B3n_alfa
Wikipedia. RGB. Consultat 04 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/RGB
FotoNostra. Formato de archivo BMP. Consultat 04 març 2019,
Recuperat de: https://www.fotonostra.com/digital/bmp.htm
Giphy. MOVIE MEME GIF. Consultat 07 març 2019,
Recuperat de: https://giphy.com/gifs/movie-meme-R5JA3c6HMIHvi
InfoExitoBlog. Pasos para crear una imagen GIF. Consultat 07 març 2019,
Recuperat de: http://infoexitoblog.blogspot.com/p/phothosop-imagen-gif.html
Esther Nariyoshi Design. Bite size animations. Consultat 07 març 2019,
Recuperat de: https://www.pinterest.es/pin/68046644343999971/?autologin=true
Wikipedia. TIFF. Consultat 10 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/TIFF
Wikipedia. Truevision TGA. Consultat 10 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/Truevision_TGA
Wikipedia. MPEG-4. Consultat 11 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/MPEG-4
Wikipedia. H.265. Consultat 11 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/H.265
Wikipedia. VP9. Consultat 11 març 2019,
Recuperat de: https://es.wikipedia.org/wiki/VP9
Publicació, distribució i monetització PAC 1 UOC

More Related Content

What's hot (18)

T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
T2 e2 coronas-hector
T2 e2 coronas-hectorT2 e2 coronas-hector
T2 e2 coronas-hector
 
T1 e1 espuga
T1 e1 espugaT1 e1 espuga
T1 e1 espuga
 
T2 e2 argemí-emili2
T2 e2 argemí-emili2T2 e2 argemí-emili2
T2 e2 argemí-emili2
 
T2 e2 gargallo_pau
T2 e2 gargallo_pauT2 e2 gargallo_pau
T2 e2 gargallo_pau
 
T1 e1 espuga
T1 e1 espugaT1 e1 espuga
T1 e1 espuga
 
Taula d'arxius.
Taula d'arxius.Taula d'arxius.
Taula d'arxius.
 
Xavier_Fernández, Bloc_2, Exercici_2
Xavier_Fernández, Bloc_2, Exercici_2Xavier_Fernández, Bloc_2, Exercici_2
Xavier_Fernández, Bloc_2, Exercici_2
 
Taula format arxiu
Taula format arxiu Taula format arxiu
Taula format arxiu
 
t2_e2_moreno-oriol
t2_e2_moreno-oriolt2_e2_moreno-oriol
t2_e2_moreno-oriol
 
Formats xavier fernandez
Formats xavier fernandezFormats xavier fernandez
Formats xavier fernandez
 
Formats
FormatsFormats
Formats
 
Taula lag def
Taula lag defTaula lag def
Taula lag def
 
Taula d'arxius
Taula d'arxiusTaula d'arxius
Taula d'arxius
 
t1_e1_sentis
t1_e1_sentist1_e1_sentis
t1_e1_sentis
 
t2_e2_benitez-natalia
t2_e2_benitez-nataliat2_e2_benitez-natalia
t2_e2_benitez-natalia
 
2019 lag ex2_laura_sanchez
2019 lag ex2_laura_sanchez2019 lag ex2_laura_sanchez
2019 lag ex2_laura_sanchez
 
Imatge digital 4tA
Imatge digital 4tAImatge digital 4tA
Imatge digital 4tA
 

Similar to Serrahombrao jara pdm_pac1

Similar to Serrahombrao jara pdm_pac1 (20)

Unitat 3
Unitat 3Unitat 3
Unitat 3
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
 
Imatge Digital Formats
Imatge Digital FormatsImatge Digital Formats
Imatge Digital Formats
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
T2 e2
T2 e2T2 e2
T2 e2
 
Taula d'arxius
Taula d'arxiusTaula d'arxius
Taula d'arxius
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
T2_e2_gonzalez
T2_e2_gonzalezT2_e2_gonzalez
T2_e2_gonzalez
 
T2 e2 gonzalez
T2 e2 gonzalezT2 e2 gonzalez
T2 e2 gonzalez
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Edició digital
Edició digitalEdició digital
Edició digital
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
 
Imatge Digital / Digital Image
Imatge Digital / Digital Image Imatge Digital / Digital Image
Imatge Digital / Digital Image
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatges
 
Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16
 
La Imatge
La ImatgeLa Imatge
La Imatge
 
T5 edi img_1
T5 edi img_1T5 edi img_1
T5 edi img_1
 
T2 e2 armengol-anna
T2 e2 armengol-annaT2 e2 armengol-anna
T2 e2 armengol-anna
 

Serrahombrao jara pdm_pac1

  • 1. Publicació, distribució i monetització PAC 1 Jara Serra Hombrao PAC 1 Publicació, distribució i monetització UOC
  • 2. Índex 1. BMP.........................................................................................................................................................................................................................................................................................................p. 1 ..................................................................................................................................................................................................................................................................................................p. 9 ..................................................................................................................................................p. 2 ..............................................................................................................................................p. 3 ....................................................................................................................................p. 7 .................................................................................................p. 9 ...............................................................................................p. 10 ..............................................................................................p. 10 .......................................................p. 11 .......................................................p. 11 ....................................................................................................................................................................p. 11 4. Converteix la imatge BMP en PNG i respon a les següents qüestions 5. TIFF. A partir de la imatge TIFF adjunta, respon a les següents qüestions 6. SVG. A partir de la imatge SVG adjunta, respon a les següents qüestions: 2. Converteix la imatge BMP en GIF i respon a les següents qüestions 3. Converteix la imatge BMP en JPEG i respon a les següents qüestions Bibliografia Publicació, distribució i monetització PAC 1 UOC ....................................................................................................................................................................................................................................................................................................p.13 PART 1.- Treball amb imatges fixes (Primera publicació en el blog). 7. Quin és la diferència entre format i còdec? Defineix i explica breument cada concepte. 10. Converteix el vídeo MPEG en MP4 amb el còdec H.265 i respon a les següents qüestions 11. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP8 i respon a les següents qüestions 12. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP9 i respon a les següents qüestions 13. Com a conclusió, fes una breu comparativa entre els dispositius més comuns per veure vídeo online i el tipus de format i còdec que seria més eficaç en cada cas. 8. MPEG .......................................................................................................................................................................................................................................................................................p. 12Link al Blog 9. Converteix el vídeo MPEG en MP4 amb el còdec H.264 i respon a les següents qüestions PART 2.- Treball amb vídeo digital (Segona publicació en el blog).
  • 3. + Quines són les principals característiques d'una imatge BMP? BMP o Windows bitmap (.bmp) és un format d'imatge desenvolupat per Microsoft Windows i IBM l'any 1986 per a arxius de mapa de bits independents del dispositiu i independents de l'aplicació, dissenyats inicialment al programa Paint. Estan for- mats per una graella de píxels on cada un queda representat per un determinat nombre de bits que determinen el nivell d'intensitat, podent guardar imatges d'entre 1 i 24 bits, essent 8 bits el més utilitzat. Els colors s'interpreten segons la composició de color, en aquest cas en RGB que representen la intensitat dels colors primaris de la llum, no és compatible amb CMYK. En aquest cas la imatge A és RGBA, ja que la profunditat de color o de bits és de 32 bpp (bits per píxel), té 8 bits d'informació per representar el nivell d'intensitat (0-255) de cada canal R=vermell, G=verd, B=blau, A=Alfa (canal per transparèn- cies: defineix l'opacitat de cada píxel). Per tant, si utilitza 32 bits d'informació per representar cada píxel, i la imatge està formada per 1920 x 1080 píxels = 2.073.600 píxels x 32 bits per píxel = 66.355.200 bits ≈ 8.294.400 bytes sense compressió. A més es pot optar per utilitzar la compressió RLE (Run-length encoding) disponi- ble per alguns programes compatibles però com és sense pèrdues (lossless) de qualitat, la mida dels arxius són força grans tot conservant una bona qualitat d'imatge. + Quins són els casos d'ús més habituals d'una imatge BMP? Podem considerar el format BMP el "pare" de molts dels formats actuals, el qual era utilitzat per visualitzar o manipular fotografies ja reduïdes a 24 bits o gràfics digitals pel seu bon nivell de qualitat però amb el sorgiment d'altres formats d'ar- xiu i l'era d'Internet és un format que cau en desús, ja que amb els actuals formats trobem alternatives molt més eficients i òptimes segons el destí o finalitat que tingui l'arxiu ja sigui en termes de lleugeresa com de qualitat. En l'actualitat, el format BMP el trobem present en determinades funcionalitats del sistema opera- tiu Windows com l'ImprPant, on es genera un arxiu temporal BMP però com ja hem vist, és un format que ha perdut rellevància amb l’aparició dels formats JPG o PNG i amb l’arribada d’internet. Per fer aquest mateix blog, el format BMP m'ha donat problemes a l'hora de pujar la imatge A, aportant que “el format no és permès per raons de seguretat". Quant al tractament de les imatges fixes, és important conèixer què tipus de format hem de triar a cada moment i conèixer els processos adequats de codificació i compressió per aconseguir la imatge adequada donada la plataforma d'exhibició. Així doncs, a partir de la imatge adjunta en format BMP, respon i realitza els següents exercicis: PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 1. BMP 1 Footage_BMP.bmp Dimensions: 1920 x 1080 px Profunditat de color: 32 bpp Mida arxiu: 7,91 MB (8.294.456 bytes) imatge A Publicació, distribució i monetització PAC 1 UOC
  • 4. + Quines són les principals característiques d'una imatge GIF? Una imatge de mapa de bits en format GIF o Graphics Interchange Format (.gif) gestiona el color de la imatge assignant a cada píxel l'índex del color que li correspon de la paleta de colors assignada, on la taula predefinida o els colors seleccionats utilitzant mètodes, conté la informació d'indexament de cada color. És un format que utilitza una compressió LZW sense pèrdues i accepta la capa Alfa (transparències) però només permet tenir una profunditat de colors i bits màxima de 8 bpp, un total de 28 = 256 colors, que hauran de ser ben escollits en la tria de la paleta si es tracta d'una imatge en color (normalment provenen de color real, RGB, profunditat de color = (8 bits/canal) x (3 canals) = 24 bpp obtenint 224 = +16.7 milions de colors per píxel), ja que si prové d'un arxiu que té una infor- mació de color > 8bpp els nivells de color representables es reduirà en haver de restringir els colors per píxel. A més, és un format d’imatge que a banda de repre- sentar imatges estàtiques també té l'opció de generar petites animacions, obte- nint en tots els casos una mida d’arxiu molt reduïda. Si fem els càlculs de l’exercici anterior, obtenim: dimensions = 1920 x 1080 píxels = 2.073.600 píxels x 8 bits per píxel = 16588800 bits ≈ 2.073.600 bytes sense compres- sió. Com veiem a la imatge B resultant, el contrast i la definició de la imatge s’ha reduït molt poc, hi ha algunes àrees que s’han unificat en color però com es tracta d’una imatge amb pocs nivells de color, s’ha pogut trobar una paleta adient. + Quins són els casos d'ús més habituals d'una imatge GIF? És una tècnica per optimitzar imatges que guanya en lleugeresa en la mida dels arxius en detriment de la qualitat de colors de la imatge. Així que, serà bo per aquelles imatges que amb un ventall de 256 nivells de colors possibles es puguin reproduir òptimament, per això és un format àmpliament utilitzat per du a terme banners, logotips, botons, parts de xarxes socials, “memes”... amb o sense animació per exemple, ja que en una web seran ele- ments que tindran unes dimensions reduïdes i que el seu destí serà fixa sense escalats. A més, són imatges que no necessiten un ventall de color molt ampli per ser degudament representades i compleixin amb la seva finalitat. En canvi, és un format que no seria adequat quan la imatge ha de ser reproduïda en resolucions de pantalla molt grans, ja que l'escalat provocaria una pèrdua de qualitat de la imatge considerable (format mapa de bits) o es volgués treballar amb imatges de més qualitat, que requereixen més profunditat de colors, com per exemple el cas d'un banc d'imatges. + Posa un exemple de cadascun d'aquests usos habituals. PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 2. Converteix la imatge BMP en GIF i respon a les següents qüestions 2 imatge B Publicació, distribució i monetització PAC 1 UOC Footage_GIF.gif Dimensions: 1920 x 1080 px Profunditat de color: 8 bpp Mida arxiu: 1,19 MB (1.257.101 bytes) meme: banner/ publicitat/ botó icona/xarxa social / p /
  • 5. + Quines són les principals característiques d'una imatge JPEG? El format JPG o JPEG o Joint Photographic Experts Group és, podríem dir, el còdec més conegut i més utilitzat havent-hi 2 tipus de formats o contenidors JFIF i EXIF a l'hora de desar les imatges obtenint JPEG/JFIF que és el format clàssic, i JPEG/EXIF que permet afegir metadades (encara que s'ha d'anar amb compte, cada vegada que sobreescrivim es comprimeix). És un format de mapa de bits que provoca pèrdua de qualitat a les imatges, ja que utilitza compressió amb pèrdues (lossy) d'informació però que aconsegueix arxius amb un pes reduït i amb una qualitat molt bona. Es poden escollir diferents nivells de compressió anant (Photoshop) d'1 (màxima compressió i pèrdua de qualitat) al 12 (mínima compressió i lleugera pèrdua de qualitat). Una característica més, és que en aquest cas no permet el canal de transparència. + Quins són els casos d'ús més habituals d'una imatge JPEG? És un format àmpliament utilitzat per imatges en: planes web, fons d'escriptori, bancs d'imatges,... Aquest és molt lleuger i permet obtenir imatges de molt bona qualitat per transmetre-les en línia sense problemes sempre que es configurin les dimensions i compressió òptima per cada cas, segons el destí o finalitat de la imatge. Podríem afegir, que moltes càmeres digitals desen predeterminadament les imatges captades en format .jpg, la qual cosa es desaconsella només l'ús d'aquest format per a imatges originals, i normalment, hi ha l'opció d'obtenir 2 arxius: JPG i TIFF/RAW. + Quines modes o opcions de format podem seleccionar en una imatge JPEG? Explica-les breument. És un estàndard del qual també derivem formats amb compressió sense pèrdues com: JPEG 2000, JPEG-LS i Lossless JPEG. En el moment de comprimir, podem triar el nivell de compressió entre 1 (màxima compressió i pèrdua de qualitat) al 12 (mínima compressió i lleugera pèrdua de qualitat). En Photoshop trobem 3 modes o opcions de format: Línia de base (estàndard), línia de base optimitzada o progressiva. Mode Seqüencial o Línia de base (estàndard) les imatges carreguen de baix a dalt i és reconegut per la majoria de navegadors web. Mode seqüencial o línia de base optimitzada per obtenir un color optimitzat i un arxiu lleugerament més reduït, però poden haver-hi aplicacions que no siguin compatibles. El mode progressiu permet desar la imatge de manera que en inicialitzar-la des d'una pàgina web aparegui inicialment pixelada i a mesura que es carregui apareixeran una sèrie de mostres o fins a arribar a la seva definició òptima (l'usuari especifica el nombre de mostres). PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 3. Converteix la imatge BMP en JPEG i respon a les següents qüestions: 3 imatge C Publicació, distribució i monetització PAC 1 UOC Footage_JPGE.jpg Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 1,73 MB (1.823.894 bytes)
  • 6. + Posa un exemple amb compressions al 90%, 60% i al 20% (valors: 10, 7 i 2) amb cadascun dels modes. Quines diferències hi ha entre l'elecció d'un mode o un altre? En quins casos usarem cadascun dels modes? En quins casos usarem cadascuna d'aquestes compressions? PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 3. Converteix la imatge BMP en JPEG i respon a les següents qüestions: 3 imatge D imatge F imatge G imatge E Publicació, distribució i monetització PAC 1 UOC Footage_JPGE_90Liniabase.jpg Compressió 90% (valor: 10) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 851 KB (871.802 bytes) Footage_JPGE_20Liniabase.jpg Compressió 20% (valor: 2) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 189 KB (193.671 bytes) Composició d’imatges per compressió: 10, 7, 2 d’esquerre a dreta Si s’amplia la zona en vermell, es veuràn els canvis en la reducció de qualitat de la imatge per a cada nivell de compressió. Footage_JPGE_60Liniabase.jpg Compressió 60% (valor: 7) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 365 KB (373.892 bytes) imatge H imatge I Footage_JPEG_90LiniaOptima.jpg Compressió 90% (valor: 10) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 843 KB (863.699 bytes) Footage_JPEG_60LiniaOptima.jpg Compressió 60% (valor: 7) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 352 KB (360.938 bytes) imatge L Footage_JPEG_90Progressiva.jpg Compressió 90% (valor: 10) Lectura: 3 Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 838 KB (858.933 bytes) Footage_JPEG_60Progressiva.jpg Compressió 60% (valor: 7) Lectura: 3 Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 352 KB (361.346 bytes) Footage_JPEG_20Progressiva.jpg Compressió 20% (valor: 2) Lectura: 3 Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 183 KB (187.865 bytes) imatge J imatge K Footage_JPEG_20LiniaOptima.jpg Compressió 20% (valor: 2) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 184 KB (188.821 bytes) Línia Base Línia Optimitzada Progressiva 60%90% 20% En el mode seqüencial base estàndard es selecciona el nivell de compressió de la imatge entre 1 i 12, de més a menys compressió i de menys a més qualitat. Aquest factor s'utilitzarà a la taula de quantificació en el moment d'eliminar els coeficients d'alta freqüència de tots els blocs de la imatge a quantificar. Un cop escollit el factor, es fa el pas de codificació dels coeficients on els 64 coeficients sencers es converteixen a binari i es desen en un fitxer utilitzant una codificació que redueix la quantitat d'informació pel seu emmagatzematge, utilitzant el Coeficient de baixa freqüència i Coeficients d'alta freqüència. Com és gran sigui el factor més petits seràn els valors de la taula de qualificació donant un resultat més alt al fer la divisió i al fer el pas de codificació dels coeficients d'alta freqüència. El mode seqüencial base optimitzat, és una millora de l'anterior i permet millorar entre el 2% i el 8% la mida del fitxer final encara que pot ser no compatible amb algunes aplicacions. El tercer, el mode progressiu és molt utilitzat en pàgines web, ja que carrega la imatge segons el coeficient de contínua de cada bloc i a mesura que va obtenint les dades va millorant la qualitat. S'estableix un valor per determinar la separació (3, 4 o 5) dels coeficients de contínua on els primers són els coeficients d'alterna de tots els blocs, després els coeficients d'alterna de menys rellevància visual (més detall), després de rellevància encara més petita (i més detall)... Encara que poden tenir una mida en bytes superiors als anteriors, és un mode molt utilitzat en llocs web que siguin molt saturats d'informació o tinguin una velocitat de navegació molt lenta. Els diferents nivells de compressió els farem servir segons el destí o finalitat de la imatge, ja que no és el mateix visualitzar una imatge des de molt a prop (necessitarem molt de detall) que des de certa distància (menys detall) on és podem donar resultats visuals similars depenent de la distància en què es mirin.
  • 7. PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 3. Converteix la imatge BMP en JPEG i respon a les següents qüestions: 5 imatge M Publicació, distribució i monetització PAC 1 UOC + Tria un mode i elabora la imatge de diferència per a cada compressió. mode: Mode seqüencial o línia de base optimitzada Imatges N, P, R fetes amb la capa d’ajust nivells de Photoshop. Apropem la línia fins als nivells de sortida més recurrents, que és on està la gran majoria de píxels que seràn les zones on s’ha perdut informacióvisual per la compressió. Footage_JPEG_90LiniaOptima-D.jpg Compressió 90% (valor: 10) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 843 KB (863.699 bytes) Footage_JPEG_90LiniaOptima-D-R.jpg Compressió 90% (valor: 10) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Nivells modificats Footage_JPEG_60LiniaOptima-D.jpg Compressió 60% (valor: 7) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 352 KB (360.938 bytes) Footage_JPEG_60LiniaOptima-D-R.jpg Compressió 60% (valor: 7) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Footage_JPEG_20LiniaOptima-D.jpg Compressió 20% (valor: 2) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 184 KB (188.821 bytes) Footage_JPEG_20LiniaOptima-D-R.jpg Compressió 20% (valor: 2) Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp imatge O imatge P imatge N imatge Q imatge R
  • 8. + Quines són les principals característiques d'una imatge PNG? Podem dir que el format PNG Portable Network Graphics (.png) és el format de mapa de bits més utilitzat dels formats sense pèrdues (lossless), és gratuït, ja que és lliure i se'l considera el successor del format GIF, ja que va ser dissenyat per suplir les mancances que té aquest en la web i el sistema de compressió és molt similar. És un format molt potent, disposa de capa de transparència, permet una profunditat de colors d'1 fins a 32 bits, té alta compatibilitat i té una tassa de com- pressió superior al GIF. + Quins són els casos d'ús més habituals d'una imatge PNG? És molt utilitzat en la web en imatges sense massa contrast i tons similars com logotips, botons, bàners... A la llarga probablement anirà substituint les imatges GIF. Com podem veure en la imatge S no s'aprecien canvis visuals perceptibles, podem veure que l'arxiu ara pesa 3,70 MB (3.885.947 bytes), força més que en format JPGE que utilitza la compressió amb pèrdues. + Posa un exemple de cadascun d'aquests usos habituals. Les imatges en PNG en internet són molt habituals, ja que a banda de les caracte- rístiques ja esmentades, aquest format pot contenir una breu descripció del text del contingut facilitant la recerca d’imatges en internet. És molt útil per logotips que necesitin transparència i degradat de colors i/o per fotografies quan el tamany de l’arxiu no és un problema com per exemple en banc d’imatges. + Fes una comparació entre la qualitat i l'ús de les imatges GIF i PNG Les imatges gif cada vegada s’utilitzen més per a animacions, ja que el format PNG dóna uns resultats molt satisfactoris amb totes profunditats de color rao per la qual cada vegada el format PNG va guanyant terreny al GIF en quant a imatge estàtica. Les qualitats són molt similars amb la mateixa profunditat de bits . PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 4. Converteix la imatge BMP en PNG i respon a les següents qüestions: 6 imatge S Publicació, distribució i monetització PAC 1 UOC Footage_PNG.png Dimensions: 1920 x 1080 px Profunditat de color: 24 bpp Mida arxiu: 3,70 MB (3.885.947 bytes)
  • 9. + Quines són les principals característiques d'una imatge TIFF? El format TIFF o Tagged Image File Format pot utilitzar qualsevol profunditat de colors, d'1 a 32. És un format de mapa de bits que permet emmagatzemar imatges amb una qualitat excel·lent pel que és ideal per editar o imprimir imatges, essent un format molt bo per arxivar document original podent emmagatzemar imatge i dades en un sol arxiu. Un inconvenient és que produeix arxius molt pesats encara que pot utilitzar opcionalment algoritmes de compressió LZW (Lempel-Ziv-Welch) sense pèrdues de qualitat amb una excel·lent definició de color. Podem destacar, que és un arxiu compatible amb els programes de disseny més avançats. + Quins són els casos d'ús més habituals d'una imatge TIFF? És un format que genera arxius molt pesats, i per norma general no s'utilitza en la web. És molt útil a la indústria del dis- seny, ja que permet obtenir, editar, guardar i tornar a modificar sense pèrdues de qualitat imatges de grans mesures i quantitat d'informació. + Converteix la imatge TIFF en TGA i PNG, quines són les diferències entre aquests formats? En quins casos hem d'usar uns o uns altres? El format TGA Truevision Graphics Adapter (.tga) és un format natiu per les targetes TARGA de Truevision Inc., no és lliure i pot utilitzar la compressió sense pèrdues RLE. Com hem vist anteriorment, el format PNG serà més òptim per a ús al web per la seva qualitat i "lleugeresa" en comparació amb els formats TIFF lliure i molt pesats però perfectes per edició d'imatge, igual que el TGA on en canvi aquest últim, no és lliure i és emprat habitualment per generar imatges amb transparències que seran incloses en algun vídeo. PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 5. TIFF. A partir de la imatge TIFF adjunta, respon a les següents qüestions: 7 imatge T imatge U imatge V Publicació, distribució i monetització PAC 1 UOC Footage_TIFF.tif Dimensions: 1200 x 803 px Profunditat de color: 24 bpp Mida arxiu: 2,78 MB (2.922.744 bytes) Footage_TGA.tga Dimensions: 1200 x 803 px Profunditat de color: 24 bpp Mida arxiu: 2,75 MB (2.890.844 bytes) Footage_TIFF.png Dimensions: 1200 x 803 px Profunditat de color: 24 bpp Mida arxiu: 1,07 MB (1.123.893 bytes)
  • 10. + Quines són les principals característiques d'una imatge SVG? SVG Escalable Vector Graphics (.svg o .svgz, en el cas d'estar comprimit mitjançant .zip) és un estàndard molt popular que defineix imatges vectorials. Les imatges vectorials representes les formes mitjançant fórmules matemàtiques i al contrari que el mapa de bits, no defineix el color de cada punt del total de la imatge. Per aquest motiu, per molts que ampliem una imatge vectorial mai veurem la imatge "pixelada" perquè no conté píxels, gran avantatge per l'era d'inter- net i el multidispositiu, multipantalla, multi... El format SVG és compatible amb la gran majoria de navegadors webs, ja que són fitxers XML. La gran avantatge dels arxius vectorials o SVG és que per molt que es comprimeixin en format .zip o .rar mai perdràs qualitat, no hi haurà pèrdua d'informació significativa. A més, com l'arxiu és XML amb una mica de programació es poden aconseguir animacions amb un pes d'arxiu diminut. S’ha de dir, que amb l’arribada del nou HTML 5 es va quedant en desús. + Quins són els casos d'ús més habituals d'una imatge SVG? Totalment destinat al web ja que pesen molt poc, permeten fer animacions, són escalables, es poden reduïr sense cap pèrdua... PART 1.- Treball amb imatges fixes (Primera publicació en el blog) 6. SVG. A partir de la imatge SVG adjunta, respon a les següents qüestions: 8 imatge W Publicació, distribució i monetització PAC 1 UOC Footage_SVG.svg Mida arxiu: 9,49 KB (9.725 bytes)
  • 11. Posant un exemple, el format de vídeo avi serveix com a format contenidor dels diferents continguts que pugui tenir l'arxiu, especificant com s'endreça el contingut multimèdia codifi- cat, podent emmagatzemar de manera simultània un sol flux de vídeo i diversos fluxos d'àudio, podent aquests estar en gairebé tots els còdecs disponibles a través de VFW (vídeo) o ACM (audio) en el mateix arxiu. En el cas del video Commercial_-_1951_Nash_Air_Flyte.avi tractat a l’assignatura de Tractament i publicació d'imatge i vídeo, el còdec (codificador i descodificador) de vídeo utilitzat és MPEG-4 part 2 (estàndard ISO/IEC MPEG-4), amb un perfil Simple Profile que implementa un perfil particular de còdec Xvid (basat en l'estàndard MPEG-4 ASP) i mp3(MPEG audio layer 3) per l'àudio, per dur a terme la compressió i descompressió de l'arxiu. Per dur a terme la compressió dels fotogrames de vídeo, utilitzen la com- pressió temporal o interframe, que utilitza tres tipus de fotogrames o frames I, P i B on els I-frames contenen la informació sencera del fotograma, els P-frames contenen la informació que ha canviat respecte al fotograma I o P anterior i els B-frames a banda d'analitzar les diferències en relació als fotogrames I o P també analitza els canvis succeïts amb els fotogra- mes I o P posterior, fent així grups de fotogrames on només es codifiquen les diferències obtenint arxius més lleugers (amb pèrdues) que amb la compressió intraframe, ja que aquest últim codifica cada fotograma individualment, tots són I-frames o keyframes. Per tant, al ser un format contenidor, pot guardar dades codificades de diverses maneres podent utilitzar diferents còdecs que apliquin factors de compressió diferent. 2.- Treball amb vídeo digital (Segona publicació en el blog) 9 Publicació, distribució i monetització PAC 1 UOC La importància del vídeo online es mostra que, actualment, suposa el 50% de la quantitat de dades descarregades durant la navegació d'Internet a tot el món. Segons l'últim estudi Ericsson Mobility Report, el consum de vídeo online suposarà el 74% del trànsit de dades mòbils en 2024. Per això, és necessari controlar els formats i còdecs necessaris per a publi- car els vídeos en Internet. A partir del vídeo MPEG adjunt, respon i realitza els següents exercicis: 7. Quin és la diferència entre format i còdec? Defineix i explica breument cada concepte. 8. MPEG: + Quines són les principals característiques d'un vídeo MPEG? El MPEG Moving Picture Experts Group és un grup d’experts que normalitzen els còdecs de vídeo i àudio d’un conjunt d’especificacions d’estàndards de codificació i compressió que estipulen la implementació de diferents formats de vídeo i àudio segons la utilitat de l’arxiu (ISO/IEC), utilitza MPEG Video File (.mpg, .mpeg) com a contenidor. Pot utilitzar còdecs de vídeo MPEG-1, MPEG-2 i còdec d’àudio MPEG-1 Layers I, II, III (mp3). + Quins són els casos d'ús més habituals d'un vídeo MPEG? El format d’arxiu .mpeg utilitza 2 còdecs de compressiò de vídeo que ja casi no s’utilitzen ja que són els més antics. El estàndard MPEG-2, el trobem molt present en el mercat domèstic per l’ús del format DVD, TDT, satèl·lit i cable en Europa (DVB) i Amèrica (ATSC). + Quins tipus de còdecs MPEG existeixen i quins són els seus usos principals? MPEG-1 ->S’utilitza per format video CD MPEG-2->l’ús del format DVD, TDT, satèl·lit i cable en Europa (DVB) i Amèrica (ATSC). MPEG-3 -> dissenyat per tractar senyals HDTV MPEG-4 -> compressió de dades audiovisuals per la web, streaming i distribució de CD, veu, etc... Conté especificacions per a àudio, vídeo i interactivitat.
  • 12. + Quines són les principals característiques d'aquest tipus de vídeos? Del contenidor MP4 és propietari MPEG i pot utilitzar multituds d'estàndards, entre ells l'estàndard H.264/M- PEG-4 AVC. El còdec H.264 o MPEG-4 parte 10 ha estat enfocat per al vídeo de baixa qualitat, per realitzar videoconferències i aplicacions per internet, ja que està basat en 8bits/mostra i utilitza una compressió feta a partir de matrius i particions en bloc de la informació. + Quins són els casos d'ús més habituals d'aquest tipus de vídeos? L’ús més habitual és en streaming o internet, ja que permet una qualitat d’imatge bastant bona i una mida d’arxiu força petita. + Quines són les principals característiques d'aquest tipus de vídeos? H.265 o MPEG-H Parte2 també conegut com a High Efficiency Video Coding (HEVC) és el successor del format de compressió H.264/MPEG-4 AVC aconseguint la mateixa taxa de dades amb una millor qualitat de vídeo de baix bitrate, compatible amb televisions d'ultra alta definició i resolucions fins a 4K. Té extensions addicionals en desenvolupament que inclouen vídeo en 3D. + Quins són els casos d'ús més habituals d'aquest tipus de vídeos? Vídeo en streaming en 4K, ja estan desenvopulant el 8K. + Quins són diferències tècniques entre el còdec H.264 i H.265? El H.265 té un estàndard de codificació de vídeo més eficaç, un bitrate menor i pot aconseguir fins a 50% de reducció de l'arxiu respecte al H.264. El H265 utilitza la tècnica CTU (Coding Tree Units) podent utilitzar blocs de fotogrames entre 4x4 fins a 64x64 on el H.264 només arriba a 16x16, podent adequar-se millor a cada escena. Millora els algoritmes de segmentació, ja que intenta aprofitar i compartir la mateixa informació en més foto- grames fent que la informació que no canviï pugui ser reutilitzada durant més de dos fotogrames. Millor seguiment de moviment, ja que es pot reaprofitar informació encara que no es trobi en la mateixa part de la pantalla. + Analitza i compara els resultats de tots dos vídeos. Es pot veure com el H.265 té una qualitat de visualització força superior. 10 9. Converteix el vídeo MPEG en MP4 amb el còdec H.264 i respon a les següents qüestions: 10. Converteix el vídeo MPEG en MP4 amb el còdec H.265 i respon a les següents qüestions: 2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC Footage_H264.mp4 Mida arxiu: 31,4 MB (32.936.222 bytes) Footage_H265.mp4 Mida arxiu: 46,0 MB (48.244.454 bytes)
  • 13. + Quines són les principals característiques d'aquest tipus de vídeos? Matroska (.mkv, .mk3d,.mka, .mks, .webm) del propietari CoreCodec, Inc. pot utilitzar tota mena de còdec d'àudio i vídeo. És un format contenidor obert podent contenir una quantitat molt gran de vídeo, àudio, imatge o pistes de subtítols en un mateix arxiu amb la finalitat de ser un format universal d'emmagatzematge de contingut multimèdia i audiovisuals, com videojocs, imatges, text... Podem dir que no és un còdec de vídeo com H.264/MPEG-4 AVC sinó que es tracta d'un contenidor que embolcalla l'àudio, el vídeo i els subtítols en un mateix paquet. El còdec VP8, és des de 2009 un còdec obert (llicència BSD) utilitzat com a format multimèdia estàndard en el llenguatge HTML5. + Quins són els casos d'ús més habituals d'aquest tipus de vídeos? És un format d'arxiu que pretén tenir la finalitat de ser un format universal d'emmagatzematge de contingut multimèdia i audiovisuals, com videojocs, imatges, text... + Quines són les principals característiques d'aquest tipus de vídeos? El còdec VP9, s’extent de l’anterior VP8. És un còdec obert de compressió de vídeo lliure de royalties que esta essent desenvolupat per Google. Un dels objectius és reduir el bitrate un 50% respecte la versió anterior mantenitn la qualitat de imatge i aconseguir una compressió més eficient. + Quins són els casos d'ús més habituals d'aquest tipus de vídeos? És un format de compressió destinat als exploradors, ja que Mozilla o Chrome el porten incorporat al navegador, donant facilitats al renderitzat d'imatges en un suport HTML5. A més els dos poden utilitzar resolucions de 4K on VP9 a més pot utilitzar blocs rectangulars. + Quins són diferències tècniques entre el còdec VP9 i H.265? Principalment, VP9 és un format integrat en molts exploradors i H.265 no, encara que aquest últim aconsegueixi una reducció de bitrate que per ara VP9 no pot aconseguir. El VP9 té una descodificació més estricte que permet més estabilitat en vídeos en streaming. + Analitza i compara els resultats de tots dos vídeos (VP9 i H.265). 11 11. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP8 i respon a les següents qüestions: 12. Converteix el vídeo MPEG en WebM (Matroska MKV) amb el còdec VP9 i respon a les següents qüestions: 2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC Footage_VP8.mkw Mida arxiu: 2,66 MB (2.790.522 bytes) Pijor qualitat Footage_VP9.mkw Mida arxiu: 148 MB (155.766.083 bytes) Molt bona qualitat
  • 14. 12 Link al Blog: http://3.83.42.83 2.- Treball amb vídeo digital (Segona publicació en el blog) Publicació, distribució i monetització PAC 1 UOC
  • 15. Bibliografia 13 Toni Comerma Paré, Alex Ribelles García. (Primera edició: febrer 2016). “Mòdul 1. Conceptes bàsics de vídeo i àudio. Introducció”. En Plataformes de publicació i distribució(50). FUOC, 2016 Av. Tibidabo, 39-43, 08035 Barcelona: Oberta UOC Publishing, SL. Alex Ribelles García. (Primera edició: febrer 2016). Digitalització, emmagatzematge i transmissió d'àudio i vídeo(60). FUOC, 2016 Av. Tibidabo, 39-43, 08035 Barcelona: Oberta UOC Publishing, SL. Gómez Bizcocho, R. (2018). Benvinguts a la vostra wiki. Consultat 04 maç 2019, Recuperat de: http://cv.uoc.edu/webapps/xwiki/wiki/mat06543ca?srid=DXcIHD1M Wikipedia. Windows bitmap. Consultat 04 març 2019, Recuperat de: https://es.wikipedia.org/wiki/Windows_bitmap Wikipedia. Composición alfa. Consultat 04 març 2019, Recuperat de: https://es.wikipedia.org/wiki/Composici%C3%B3n_alfa Wikipedia. RGB. Consultat 04 març 2019, Recuperat de: https://es.wikipedia.org/wiki/RGB FotoNostra. Formato de archivo BMP. Consultat 04 març 2019, Recuperat de: https://www.fotonostra.com/digital/bmp.htm Giphy. MOVIE MEME GIF. Consultat 07 març 2019, Recuperat de: https://giphy.com/gifs/movie-meme-R5JA3c6HMIHvi InfoExitoBlog. Pasos para crear una imagen GIF. Consultat 07 març 2019, Recuperat de: http://infoexitoblog.blogspot.com/p/phothosop-imagen-gif.html Esther Nariyoshi Design. Bite size animations. Consultat 07 març 2019, Recuperat de: https://www.pinterest.es/pin/68046644343999971/?autologin=true Wikipedia. TIFF. Consultat 10 març 2019, Recuperat de: https://es.wikipedia.org/wiki/TIFF Wikipedia. Truevision TGA. Consultat 10 març 2019, Recuperat de: https://es.wikipedia.org/wiki/Truevision_TGA Wikipedia. MPEG-4. Consultat 11 març 2019, Recuperat de: https://es.wikipedia.org/wiki/MPEG-4 Wikipedia. H.265. Consultat 11 març 2019, Recuperat de: https://es.wikipedia.org/wiki/H.265 Wikipedia. VP9. Consultat 11 març 2019, Recuperat de: https://es.wikipedia.org/wiki/VP9 Publicació, distribució i monetització PAC 1 UOC