Actividad 5_Trabajo_ Formatos de video e imagenes para web - Mauricio axel 20 (8)

Vista previa del material en texto

TECNOLÓGICO NACIONAL DE MÉXICO. 
INSTITUTO TECNOLÓGICO DE ACAPULCO. 
 
Ingeniería en sistemas computacionales. 
Materia: Programación Web. 
Actividad 5: Trabajo: Formatos de video e imágenes para web. 
Profesor: Ing. Rodolfo Mena Rojas 
Alumno: López Anselmo Mauricio Axel 
 
Grupo: IS7 
 
No. de control: 18320904 
 
Horario: 9:00am – 10:00am 
 
Ciclo escolar: Agosto – Diciembre 2021 
 
 
Fecha: 14 de septiembre de 2021
Introducción. 
Los formatos 
Para la web existen 4 formatos de imágenes: JPG, PNG, GIF y SVG. Cada uno tiene sus 
características y ventajas propias. Optimizar una imagen significa guardarla en el formato 
más conveniente y logrando el menor peso posible del archivo final. El peso de los archivos 
en la web es importantísimo ya que influye en la velocidad de descarga del sitio, una 
variable que puede decidir si el usuario se queda o se va. 
La importancia de los formatos de video es el resultado de dos factores principales. 
Primero, los archivos de video son significativamente más grandes que la mayoría de los 
archivos que probablemente guardarás y, a medida que las resoluciones de video continúan 
aumentando, el tamaño de los archivos solo aumenta. El formato que elijas jugará un papel 
muy importante en la determinación del tamaño final de tu archivo de video. 
La segunda es que los videos tienen muchas partes diferentes que deben reunirse en el 
paquete final. No solo tiene la parte de video real, sino también las transmisiones de audio e 
información adicional, como subtítulos opcionales, metadatos, en algunos casos estructuras 
de menú y más, todo lo que tiene que funcionar en conjunto. 
Formatos de imagen para web 
Formato JPG: 
El formato JPG es el indicado para guardar imágenes fotográficas o con degradados. Este 
formato admite millones de colores (24 bits) y mantiene el modo de color en RGB de la 
imagen original. Al guardar en JPG se debe elegir una calidad de compresión. Conviene 
comprimir lo más posible, mientras la calidad de la imagen sea aceptable (generalmente 
entre 40 y 60). Cuanto menos contraste de luces tenga la imagen, más compresión se logra. 
Si a una imagen se le aplica el efecto desenfoque (blur), el archivo resulta mucho más 
liviano. Las galerías de fotos se hacen con imágenes JPG. 
Formato PNG: 
La extensión PNG es la más usada para iconos o marcas. No pudo ser aprovechada durante 
muchos años ya que IExplorer no reconocía su mayor ventaja: la transparencia. Desde que 
los diseñadores dejamos de preocuparnos por las versiones anteriores al IE8, lo estamos 
aprovechando realmente. La transparencia de PNG a diferencia del GIF no tiene halo, 
logrando una calidad de imagen mucho mayor y simplificando el maquetado, permitiendo 
independizar las imágenes de sus fondos. 
 
El PNG tiene dos opciones: PNG8 (con paleta de color reducida hasta 256 colores) y el 
PNG24 ideal para transparencias. 
 
Formato GIF: 
El GIF comprime mejor las imágenes con plenos de color originados en dibujos vectoriales. 
Este formato reduce la paleta a 256 colores como máximo. En el momento de guardar una 
imagen como gif, los más importante es decidir la cantidad de colores porque de esto 
depende el peso del archivo: cuanto menos colores, más liviano. Las imágenes gif además 
pueden ser transparentes y animadas. 
Los archivos GIF permiten seleccionar áreas transparentes en el momento de exportar. La 
imágenes transparentes necesitan un tratamiento especial: los bordes de la imagen deben ser 
suavizados hacia el color sobre el que irá colocado en el HTML, de lo contrario la imagen 
resultará con bordes duros (serruchados) o suavizados con halos de color diferente al fondo. 
Para esto se utiliza la opción Mate que permite seleccionar el color similar al fondo. 
Actualmente este formato sólo se usa para animaciones simples. 
 
Formato SVG: 
Es el único formato vectorial y por lo tanto escalable para web con la enorme ventaja que 
eso significa para hacer un sitio adaptable. 
Se está empezando a usar recién ahora ya que el IE8 no lo reconoce. El archivo SVG se 
guarda directamente desde Illustrator y el resultado es un archivo que se puede ver en el 
navegador, pero que también se puede abrir en el Sublime porque es puro código. Esto le da 
infinitas posibilidades de uso para web, especialmente combinado con el lenguaje 
javascript. 
 
Formatos de vídeo. 
MP4 
Este tipo de formato de video es uno de los formatos más utilizados en la actualidad, 
especialmente cuando se trata de compartir contenido en línea. De hecho, YouTube 
recomienda cargar archivos en formato .mp4 para obtener la mejor calidad de video. 
Además de los datos de video y audio, también se puede usar para almacenar cosas como 
subtítulos e imágenes fijas. Por lo general, se combina con H.264 o H.265. 
Los videos que usan el contenedor .MP4 pueden tener tamaños de archivo relativamente 
pequeños mientras conservan una alta calidad. 
 
AVI 
Uno de los tipos de formato de vídeo estándar más antiguos y universalmente aceptados es 
.AVI. Puede utilizar una enorme variedad de códecs, lo que da como resultado una gran 
variedad de configuraciones de archivo diferentes. Si bien los videos .AVI se pueden 
reproducir en una amplia gama de reproductores, los tamaños de archivo tienden a ser 
grandes, lo que los hace menos ideales para la transmisión o descarga. Es una excelente 
opción para los videos que planeas almacenar en una computadora. 
 
MKV 
El formato de vídeo profesional MKV es un formato abierto, por el que no hay que pagar 
derechos, y cuyo nombre completo es Matroska, como las tradicionales muñecas rusas. 
MKV surgió a finales de 2002 y se ha popularizado gracias a que dentro de un único 
archivo MKV podemos almacenar, junto con el canal de audio, varios canales o pistas de 
audio y varias pistas de subtítulos. 
Igual que MP4, proporciona muy buena calidad de audio y vídeo en poco espacio. Y como 
curiosidad, el formato WebM que permite integrar vídeo online vía HTML, está inspirado 
en Matroska. 
 
FLV 
Dentro de los tipos de formato de vídeo que existen, FLV fue creado para el reproductor 
Flash de Adobe, los videos .FLV fueron extremadamente comunes durante varios años 
gracias a su tamaño de archivo muy pequeño y una amplia gama de complementos de 
navegador y reproductores de video Flash de terceros. Recientemente, ha habido una 
disminución significativa en los videos Flash. El video flash todavía está ahí, pero apenas. 
El uso de estos formatos de archivo ha disminuido rápidamente a medida que Flash se ha 
vuelto menos popular, especialmente después de que finalizó la compatibilidad con Flash 
para dispositivos iOS. El uso de estos formatos solo se recomienda si necesitas admitir un 
sistema heredado que solo puede aceptar este tipo de archivo. 
 
MOV 
Dentro de los tipos de formato de vídeo para Apple, es el mejor. Apple desarrolló el 
contenedor .MOV para usar con su reproductor Quicktime. Los videos que usan .MOV 
generalmente tienen una calidad muy alta, pero también tamaños de archivo bastante 
grandes. Los videos de Quicktime no tienen tanta compatibilidad con los reproductores que 
no son de Quicktime, aunque hay reproductores de terceros que los leerán. Este formato es 
útil si tienes la intención de archivar un video de alta calidad en una computadora Apple. 
 
WMV 
Los videos de Windows Media tienden a tener el tamaño de archivo más pequeño, lo que 
los convierte en una buena opción si necesitas enviarlos por correo electrónico u otros 
métodos con límites de tamaño de archivo. Sin embargo, esto viene con la compensación de 
tener una caída significativa en la calidad. Un uso común de .WMV es enviar vistas previas 
de videos por correo electrónico a los clientes. 
 
DIVX 
DivX, junto con la versión de código abierto XviD, es un códec más antiguo que está 
diseñado para maximizar la calidad del video a expensas de tener tamaños de archivo 
significativamentemayores. Es un formato de video normal que todavía se usa en una 
variedad de entornos comerciales donde hay menos preocupación por el tamaño del 
archivo, como cuando los videos se almacenan y transportan directamente en discos duros. 
 
H.264 
Es otro de los tipos de formato de vídeo más usado, conocido como MPEG-4, H.264 usa 
compresión con pérdida y es un formato universal de video de uso común en la actualidad. 
El códec es ampliamente compatible y se utiliza en la producción, publicación y 
distribución de video. Muchas videocámaras y DSLR graban en H.264. Es el estándar para 
discos Blu-ray, así como para muchos servidores de video web. H.264 es más eficiente para 
la compresión que MPEG-2 y normalmente ofrece una mejor calidad de video con la 
misma tasa de bits. 
Una de las ventajas de H.264 es que puede utilizarlo a velocidades de bits muy bajas y 
altas. H.264 enviará videos de baja resolución altamente comprimidos a través de la web y 
luego codificará felizmente su película de alta definición a velocidades de bits súper altas 
para su entrega a un televisor HD. 
Este códec se utiliza a menudo con contenedores .mp4 y .mov. 
XVID 
Cuando el Divx dejó de ser tan popular dio paso al XviD superando a éste por su mejor 
calidad haciéndose más famoso porque era soportado por muchos reproductores de DVD. 
En la actualidad aunque hay otros tipo de formato de vídeo más potentes se sigue utilizando 
esta compresión ya que su rendimiento y velocidad de compresión es muy buena. 
 
RM 
Un archivo RM es un archivo multimedia guardado en el formato de contenedor 
multimedia RealMedia desarrollado por RealNetworks. Puede almacenar solo audio en 
formato RealAudio, solo video en formato RealVideo, o tanto RealAudio como RealVideo. 
Los archivos RM se utilizan comúnmente para transmitir contenido a través de Internet, 
como video y radio por Internet. 
El reproductor Real Player utiliza el formato RM para reproducir archivos de audio y vídeo 
en todos los sistemas operativos, incluidos Linux, Mac y Windows. 
 
Bibliografía. 
https://protecciondatos-lopd.com/empresas/tipos-formato-video/ 
https://www.laurachuburu.com.ar/tutoriales/formatos-de-imagen-para-web.php 
 
 
 
 
https://protecciondatos-lopd.com/empresas/tipos-formato-video/
https://www.laurachuburu.com.ar/tutoriales/formatos-de-imagen-para-web.php