Este blog trata sobre los trabajos que haremos en el módulo de ensamblado de publicaciones electrónicas de 1º curso en el IES Puerta Bonita
jueves, 20 de diciembre de 2018
miércoles, 12 de diciembre de 2018
Análisis de pagina web legible y no legible
Parámetros de legibilidad
Legibilidad es: La capacidad de definir y distinguir claramente los elementos que deseamos en una pagina.
Contraste: Elegir un color de texto que contraste con el fondo para no cansar la vista.
Jerarquía: Variar la fuente, color y formato de títulos y subtítulos siguiendo un patrón jerárquico para facilitar la comprensión de la lectura y aporta fluidez.
Columnas: No deben superar el 50% de ancho con el objetivo de que la lectura sea cómoda y no resulte pesada y no resulte pesada y se recomienda que cada linea contenga una media de 15 palabras.
Consejos
- No incluir Flash
- No colocar muchos enlaces
- La navegación debe ser fácil
- No colocar demasiada carga de vídeos, animaciones o galerías de fotos
LEGIBLE
Contraste: La pagina web tiene un buen contraste el texto con el fondo, fondo oscuro y texto de color blanco, el tipo es simple y queda muy bien.
Jerarquía: Todo esta muy bien ordenado, arriba tiene los atajos que ayuda mucho al lector, y también tiene la búsqueda. Debajo tiene las novedades de lo que vende la empresa y lo anuncian. Tienen su propia tienda y tienen muchas información sobre todo.
Navegación: La navegación es rápida porque todo esta muy bien optimizado y todo carga rápido, no esta muy cargado de imágenes.
Contraste
Jerarquia
ILEGIBLE
Contraste: La pagina web tiene un contraste muy raro, los textos cada uno son de un color diferente. El fondo es un gif que acaba siendo molesto.
Jerarquía: Es difícil encontrar lo que buscas en ella porque esta todo desorganizado, los anuncios también están desorganizados, ademas, son imágenes de mala calidad. No tiene ningún tipo de diseño que agrade a la vista y tiene poco contenido. Varia exageradamente las fuentes y su cuerpo.
Navegación: La navegación es lenta, por causa de los gifs.Final Cut Chroma
¡Buenas a todos aqui os traigo mi trabajo sobre el chroma con final cut!
¿Que es el Chroma?
Es muy utilizado en el Cine, Televisión y fotografía, se trata de un fondo verde que sirve para poner fondos en movimiento o imagen, el color verde se acaba conviertiendo en transparente y no se ve.
Proceso de como lo he hecho:
1. Lo primero he colocado el video de chroma y debajo el fondo, le he metido música y efectos de transición al principio y al final.
2. Por ultimo lo he acoplado todo.
Video:
miércoles, 5 de diciembre de 2018
Final Cut Pro
Hola buenas a todos, hoy hemos hecho una nueva practica sobre edición de video, sobre una agencia de viajes, poniendo 3 viajes a 3 ciudades diferentes de Asia.
He añadido efectos, títulos y música.
Travel Trip
He añadido efectos, títulos y música.
Almazara
Y otra sobre la preparación del aceite de oliva, aparte he creado el logo que he colocado en el video.
Video:
Logo:
viernes, 23 de noviembre de 2018
Streaming
Buenas hoy hemos hecho una practica sobre lo que es el Streaming, espero que os guste.
El streaming hace referencia al hecho de escuchar música o ver videos sin necesidad de tener que descargarlos, es decir que se hace por fragmentos enviados secuencialmente a través de Internet, de este modo podemos retransmitir en directo cualquier evento o acto a través de un canal online para que acceda todo aquel que quiera verlo en tiempo real.
Algunas de las herramientas que nos ofrece este servicio:
(Click en las imagenes para ir a la pagina)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4elnJK_dG2E8UimdCQQMBoxp2fVBvizT_YSmIA5-9xhNx3cg693OZqifgorsCDL-134hJdBf5hBebWYvgZxD8gjuAjMGI4qsTu2Lz-Z4sD2r48VAWmwyuLDA3o92Sv1QhJ3_-fkq1kKS/s320/ustream-logo-blue.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbzVdsVaROvMJXbfEfmvc1AHWMDqUhKAmv9nsQkhM13Pmi0GCKsfxz3W5Esmift7Z42HFahW7Al7kSNoi5wkcrBEwX3PBIEGSKkXKHpBYg97u1kAkwrApUUVvmJpikMn4F_G5M3UBeKTR/s320/youtube-logo-2017.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKIZs1fEHhHFrUsYu6ea6Onl-PTk3FCKIZwn3bYqG-QOFzKlCuivpsuBc2Eq3G3UY__a_wTk88fLKYxlkyhUfLEzAKOS7bbk1VWXNWzrOfbslgQ1DcDErh_wYLZRsh6b3518wTdd4r_LtA/s1600/younowlogo.png)
Un webinar es una conferencia, taller, curso o seminario en formato vídeo que se imparte a través de Internet. Lo que caracteriza al webinar y le aporta un valor añadido es la interacción que se produce entre el conferenciante y los usuariosasistentes al mismo.
¿Que es el Streaming?
El streaming hace referencia al hecho de escuchar música o ver videos sin necesidad de tener que descargarlos, es decir que se hace por fragmentos enviados secuencialmente a través de Internet, de este modo podemos retransmitir en directo cualquier evento o acto a través de un canal online para que acceda todo aquel que quiera verlo en tiempo real.
Algunas de las herramientas que nos ofrece este servicio:
(Click en las imagenes para ir a la pagina)
- TWITCH.TV
- USTREAM.TV
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4elnJK_dG2E8UimdCQQMBoxp2fVBvizT_YSmIA5-9xhNx3cg693OZqifgorsCDL-134hJdBf5hBebWYvgZxD8gjuAjMGI4qsTu2Lz-Z4sD2r48VAWmwyuLDA3o92Sv1QhJ3_-fkq1kKS/s320/ustream-logo-blue.png)
- YOUTUBE.COM
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbzVdsVaROvMJXbfEfmvc1AHWMDqUhKAmv9nsQkhM13Pmi0GCKsfxz3W5Esmift7Z42HFahW7Al7kSNoi5wkcrBEwX3PBIEGSKkXKHpBYg97u1kAkwrApUUVvmJpikMn4F_G5M3UBeKTR/s320/youtube-logo-2017.jpg)
- YOUNOW.COM
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKIZs1fEHhHFrUsYu6ea6Onl-PTk3FCKIZwn3bYqG-QOFzKlCuivpsuBc2Eq3G3UY__a_wTk88fLKYxlkyhUfLEzAKOS7bbk1VWXNWzrOfbslgQ1DcDErh_wYLZRsh6b3518wTdd4r_LtA/s1600/younowlogo.png)
¿Que es Webinar?
Por ejemplo:
Propiedad intelectual
Hola a todos esta semana hemos aprendido sobre la propiedad intelectual y este es el trabajo que hemos hecho sobre ello.
lunes, 12 de noviembre de 2018
Copyleft y Licencias CC
![](https://libertadzero.files.wordpress.com/2010/03/copyleft.png?w=134&h=134)
Copyleft
Esta licencia y la licencia de Creative Commons guardan una similitud casi casi idéntica, esto se debe a que la licencia Copyleft es la “madre” de Creative Commons. Se representa mediante una c invertida dentro de un círculo y podría ser considerado lo opuesto al copyright.
Creative Commons
Esta licencia es la “hija” del Copyleft y está
nada en los blogs. Es representada mediante
dos c-s dentro de un círculo
La diferencia entre el Copyleft y Creative Commons,
La diferencia entre el Copyleft y Creative Commons,
es que en esta última tú decides la protección que
le quieres dar a la información.
Licencias CC
CC BY: Esta licencia permite a otros distribuir, mezclar, ajustar y construir a partir de su obra, incluso con fines comerciales, siempre que le sea reconocida la autoría de la creación original.
CC BY: Esta licencia permite a otros distribuir, mezclar, ajustar y construir a partir de su obra, incluso con fines comerciales, siempre que le sea reconocida la autoría de la creación original.
CC BY-ND: Esta licencia permite la redistribución, comercial y no comercial, siempre y cuando la obra no se modifique y se transmita en su totalidad, reconociendo su autoría.
CC BY-NC-ND: Esta licencia es la más restrictiva de las seis licencias principales, sólo permite que otros puedan descargar las obras y compartirlas con otras personas, siempre que se reconozca su autoría, pero no se pueden cambiar de ninguna manera ni se pueden utilizar comercialmente.
jueves, 8 de noviembre de 2018
Conversión y edición de video 3
Buenas e aquí otra practica sobre edición de video, os mostrare la comparación de un video y otra del mismo pero recortado.
Video Original:
Peso:14,6 MB
Formato:MP4(MPEG-4)
Duración: 1:55
Calidad:Excelente
El mas orientado para web
Video Recortado:
Peso:1,7MB
Formato:MP4
Duración:7 seg
Calidad:Excelente
Su peso se reduce, pero la calidad no cambia.
Conversión y edición de video 2
Buenas, aqui tengo la segunda practica sobre conversión de video, con ejemplos sobre el peso de cada formato convertido.
Video Original: Formato MP4
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUML9tB4-igWj3ZWMSrXsxbosr_OeuJ2p2Ws3K4ycW9ReJW5IvsZ-GdgXjYaSHRtcaExE3ySs_P7_YEaqCMHAhwrpnKJkk2PrwEBd6bgJKqU9RTsqXh3H_cW1LvESG2RmQOjlB9TcZBTV/s320/Captura+de+pantalla+2018-11-08+a+las+10.59.08.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPm8slvR5AQBiTNMA_WSd2khrNnZZx_TKtJ-_Jn7cM-Jn_ZwRJD0lN_xp0JSDzHW7XO0cv2EefLFNHPcKROA_wEL_zp9x8W7hhUghjSdriV25dXtF4Sx-YDU8Vy3IeNb5yFwkoNgIGKPW9/s320/Captura+de+pantalla+2018-11-08+a+las+10.58.30.png)
Peso: 4,1 MB
Tiene buena calidad y pesa muy poco, es muy utilizado para web.
Video Formato AVI
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpv7SHwNawedcCbBnrc8xa1dKZGusNIPpriB1sxFnT7xl9Hvdj7y2kllxod6kZCWvDc5PiLKWMmSpWPCF1S6RBBTW4L4rI2Ol7oWHSfakaxEBmElGryiY4SV5NYWuBKKsqzBuw_mBjujN/s320/Captura+de+pantalla+2018-11-08+a+las+11.05.20.png)
Peso: 10,6 MB
Tiene una calidad excelente, pero su peso es muy elevado.
Video Formato MPEG-1
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnUMdLYrvUq-6Iwh0684FS2EQZja4tRaMOvv2UIohKbzTSGYpV6l6hwlCPGD4-cCxVgS2pXUg8jCBiCt2TLEbXSP5F1llBUHQAKD5-MnKjix0THv6ahI87hwziTMLgDNnUmNnKrDrGzgYo/s320/Captura+de+pantalla+2018-11-08+a+las+11.53.58.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWCb73DqnFn4PNvTQ09G6YaZ9yv0-nMzsoi7NL1rMVzqDGHySfpuhQ4AvWX4Q81GwkU1lbqx3UOmMjdmXJBDrUAxoIKCPT8f63biGkco70DtM0tQ4-1EVrTxhN4M349Ae2Yb1aWO7ZtKj/s320/Captura+de+pantalla+2018-11-08+a+las+11.54.14.png)
Peso: 12,2 MB
El MPEG-1 Calidad CD
Video para IPAD
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPugBplwnsiIoWaAyif_rNDRtZRm3AS__I8dSWViN7Sj2M_81YeLdaT9IFjzH5_NUaDL8V8Yyqd6bVnp2YQl_fMIb8gbDc5qCR5JUa225zQfs4CF_8oZBdJyXCioEw6K4ROKXarcGc40W/s320/Captura+de+pantalla+2018-11-08+a+las+12.02.21.png)
Peso:10,2 MB
Video para IPHONE
Video Original: Formato MP4
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUML9tB4-igWj3ZWMSrXsxbosr_OeuJ2p2Ws3K4ycW9ReJW5IvsZ-GdgXjYaSHRtcaExE3ySs_P7_YEaqCMHAhwrpnKJkk2PrwEBd6bgJKqU9RTsqXh3H_cW1LvESG2RmQOjlB9TcZBTV/s320/Captura+de+pantalla+2018-11-08+a+las+10.59.08.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPm8slvR5AQBiTNMA_WSd2khrNnZZx_TKtJ-_Jn7cM-Jn_ZwRJD0lN_xp0JSDzHW7XO0cv2EefLFNHPcKROA_wEL_zp9x8W7hhUghjSdriV25dXtF4Sx-YDU8Vy3IeNb5yFwkoNgIGKPW9/s320/Captura+de+pantalla+2018-11-08+a+las+10.58.30.png)
Peso: 4,1 MB
Tiene buena calidad y pesa muy poco, es muy utilizado para web.
Video Formato AVI
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJpv7SHwNawedcCbBnrc8xa1dKZGusNIPpriB1sxFnT7xl9Hvdj7y2kllxod6kZCWvDc5PiLKWMmSpWPCF1S6RBBTW4L4rI2Ol7oWHSfakaxEBmElGryiY4SV5NYWuBKKsqzBuw_mBjujN/s320/Captura+de+pantalla+2018-11-08+a+las+11.05.20.png)
Peso: 10,6 MB
Tiene una calidad excelente, pero su peso es muy elevado.
Video Formato MPEG-1
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnUMdLYrvUq-6Iwh0684FS2EQZja4tRaMOvv2UIohKbzTSGYpV6l6hwlCPGD4-cCxVgS2pXUg8jCBiCt2TLEbXSP5F1llBUHQAKD5-MnKjix0THv6ahI87hwziTMLgDNnUmNnKrDrGzgYo/s320/Captura+de+pantalla+2018-11-08+a+las+11.53.58.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWCb73DqnFn4PNvTQ09G6YaZ9yv0-nMzsoi7NL1rMVzqDGHySfpuhQ4AvWX4Q81GwkU1lbqx3UOmMjdmXJBDrUAxoIKCPT8f63biGkco70DtM0tQ4-1EVrTxhN4M349Ae2Yb1aWO7ZtKj/s320/Captura+de+pantalla+2018-11-08+a+las+11.54.14.png)
Peso: 12,2 MB
El MPEG-1 Calidad CD
Video para IPAD
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPugBplwnsiIoWaAyif_rNDRtZRm3AS__I8dSWViN7Sj2M_81YeLdaT9IFjzH5_NUaDL8V8Yyqd6bVnp2YQl_fMIb8gbDc5qCR5JUa225zQfs4CF_8oZBdJyXCioEw6K4ROKXarcGc40W/s320/Captura+de+pantalla+2018-11-08+a+las+12.02.21.png)
Peso:10,2 MB
Video para IPHONE
Peso:5,7MB
miércoles, 31 de octubre de 2018
Conversión y edición de video
Hola hoy hemos aprendido a hacer conversión y edición de video, y lo que es cada formato.
¿Que es Códec?
- Un códec es un algoritmo especial que reduce el número de bytes que ocupa un archivo de video. Los archivos codificados con un códec específico requieren el mismo códec para ser decodificados y reproducidos.
¿Bitrare?
- El bitrate define la cantidad de espacio físico (en bits) que ocupa un segundo de duración de ese video. El video tendrá más calidad cuanto mayor sea su bitrate y el archivo que lo contiene tendrá mayor peso
¿Que es Fotograma (FPS)?
- Fotogramas por segundo: Un video resulta de la exposición imágenes o fotogramas uno detrás de otro. Un parámetro de la calidad del video es el número de fotogramas por segundo que muestra durante su reproducción.
H.264:
-H.264 es el códec más utilizado para todo tipo de retransmisiones. Fue creado en 2003, y tenía como objetivo sustituir al tradicional MPEG-4, siendo bautizado como MPEG-4 AVC. Este formato se utiliza en la actualidad para las películas Blu-Ray, servicios de streaming como YouTube o Netflix, retransmisiones por satélite e incluso la propia TDT lo utiliza para comprimir todas sus retransmisiones en HD.
H.265:
- El H.265, o HEVC fue lanzado en 2014, y es como su nombre indica (High Efficiency Video Coding) un estándar de compresión de vídeo más eficiente que H.264. Aproximadamente es capaz de comprimir un archivo de la misma calidad en al menos la mitad de espacio que H.264. Que una película pase de ocupar 8 GB a ocupar alrededor de 3 o 4 GB no es nada desdeñable.
AVI (Audio Video Interleaved = Audio y Video Intercalado)
- Es el formato estándar para almacenar video digital.
- Cuando se captura el video desde una cámara al ordenador, suele almacenar en este formato con el códec DC (Digital Video). Es ideal para guardar videos originales que han sido capturados de la cámara digital(codificados por DV).
-El archivo AVI puede contener video con una calidad excelente. Sin embargo el peso del archivo resulta siempre muy elevado.
- Puede ser visualizado con la mayoria de reproducciones: Windows Media, QuickTime, etc.
-No recomendable publicarlos en Internet en este formato por su enorme peso.
MPEG (Moving Pictures Expert Group = Grupo de Expertos de Películas)
- Es un formato estándar para la compresión de video digital.
- Son archivos de extensión *MPG ó *MPEG.
- Admite distintos tipos de códecs de comprensión: MPEG-1 (calidad CD), MPEG-2 (calidad DVD), MPEG-3 (orientado al audio MP3) y MPEG-4 (más orientado a la web).
- Se reproducen con Windows Media Player y QuickTime.
MOV
- Es el formato de video y audio desarrollado por Apple.
- Utiliza Códec propio que evoluciona en versiones con bastante rapidez.
- Este tipo de archivos también pueden tener extensión. *QT.
- Se recomienda utilizar QuickTime.
- Es ideal para publicar videos en internet.
- Admite streaming.
WMV
- Ha sido desarrollado recientemente por Microsoft. Sólo se puede visualizar con una versión actualizada de Windows Media 7 o superior.
- Utiliza el códec MPEG-4 para la compresión de video.
- También puede tener extensión *.ASF
- Ideal para publicar videos.
- Admite Streaming.
RM
- Es la propuesta Real Networks para archivos de video.
- Utiliza un códec propio para comprimir el audio.
- Este tipo de archivos tiene extensión *.RM y *.RAM.
- Se visualiza con el reproductor: Real Player.
FLV
- Es un formato que utiliza reproductor Adobe Flash para visualizar vídeo en internet.
- Utiliza códec Sorenson Spark y el códec On2 VP6.
- Se puede reproducir desde diferentes reproductores: MPlayer, VLC, mediaplayer, Riva, Xine,etc.
- Opción recomendada para la web por su accesibilidad.
- Admite streaming.
VP8
- VP8 (Formato de Compresión de Video o Especificación de Compresión de Video) es una especificación para codificar y decodificar video de alta definición tanto como un archivo como un flujo de bits para visualizar. El codec VP8 es – en contraste con el codec h.264 – gratuito dado que Google ha liberado todas.las patentes del VP8 que le pertenecen bajo una licencia pública libre de regalías.
VP9
¿Que es Códec?
- Un códec es un algoritmo especial que reduce el número de bytes que ocupa un archivo de video. Los archivos codificados con un códec específico requieren el mismo códec para ser decodificados y reproducidos.
¿Bitrare?
- El bitrate define la cantidad de espacio físico (en bits) que ocupa un segundo de duración de ese video. El video tendrá más calidad cuanto mayor sea su bitrate y el archivo que lo contiene tendrá mayor peso
¿Que es Fotograma (FPS)?
- Fotogramas por segundo: Un video resulta de la exposición imágenes o fotogramas uno detrás de otro. Un parámetro de la calidad del video es el número de fotogramas por segundo que muestra durante su reproducción.
H.264:
-H.264 es el códec más utilizado para todo tipo de retransmisiones. Fue creado en 2003, y tenía como objetivo sustituir al tradicional MPEG-4, siendo bautizado como MPEG-4 AVC. Este formato se utiliza en la actualidad para las películas Blu-Ray, servicios de streaming como YouTube o Netflix, retransmisiones por satélite e incluso la propia TDT lo utiliza para comprimir todas sus retransmisiones en HD.
H.265:
- El H.265, o HEVC fue lanzado en 2014, y es como su nombre indica (High Efficiency Video Coding) un estándar de compresión de vídeo más eficiente que H.264. Aproximadamente es capaz de comprimir un archivo de la misma calidad en al menos la mitad de espacio que H.264. Que una película pase de ocupar 8 GB a ocupar alrededor de 3 o 4 GB no es nada desdeñable.
AVI (Audio Video Interleaved = Audio y Video Intercalado)
- Es el formato estándar para almacenar video digital.
- Cuando se captura el video desde una cámara al ordenador, suele almacenar en este formato con el códec DC (Digital Video). Es ideal para guardar videos originales que han sido capturados de la cámara digital(codificados por DV).
-El archivo AVI puede contener video con una calidad excelente. Sin embargo el peso del archivo resulta siempre muy elevado.
- Puede ser visualizado con la mayoria de reproducciones: Windows Media, QuickTime, etc.
-No recomendable publicarlos en Internet en este formato por su enorme peso.
MPEG (Moving Pictures Expert Group = Grupo de Expertos de Películas)
- Es un formato estándar para la compresión de video digital.
- Son archivos de extensión *MPG ó *MPEG.
- Admite distintos tipos de códecs de comprensión: MPEG-1 (calidad CD), MPEG-2 (calidad DVD), MPEG-3 (orientado al audio MP3) y MPEG-4 (más orientado a la web).
- Se reproducen con Windows Media Player y QuickTime.
MOV
- Es el formato de video y audio desarrollado por Apple.
- Utiliza Códec propio que evoluciona en versiones con bastante rapidez.
- Este tipo de archivos también pueden tener extensión. *QT.
- Se recomienda utilizar QuickTime.
- Es ideal para publicar videos en internet.
- Admite streaming.
WMV
- Ha sido desarrollado recientemente por Microsoft. Sólo se puede visualizar con una versión actualizada de Windows Media 7 o superior.
- Utiliza el códec MPEG-4 para la compresión de video.
- También puede tener extensión *.ASF
- Ideal para publicar videos.
- Admite Streaming.
RM
- Es la propuesta Real Networks para archivos de video.
- Utiliza un códec propio para comprimir el audio.
- Este tipo de archivos tiene extensión *.RM y *.RAM.
- Se visualiza con el reproductor: Real Player.
FLV
- Es un formato que utiliza reproductor Adobe Flash para visualizar vídeo en internet.
- Utiliza códec Sorenson Spark y el códec On2 VP6.
- Se puede reproducir desde diferentes reproductores: MPlayer, VLC, mediaplayer, Riva, Xine,etc.
- Opción recomendada para la web por su accesibilidad.
- Admite streaming.
VP8
- VP8 (Formato de Compresión de Video o Especificación de Compresión de Video) es una especificación para codificar y decodificar video de alta definición tanto como un archivo como un flujo de bits para visualizar. El codec VP8 es – en contraste con el codec h.264 – gratuito dado que Google ha liberado todas.las patentes del VP8 que le pertenecen bajo una licencia pública libre de regalías.
VP9
-VP9 es un formato abierto de compresión de vídeo libre de regalías que está siendo desarrollado por Google. VP9 durante su desarrollo también se conocía como Next Gen Open Video (NGOV) y VP-Next. VP9 es el sucesor de VP8.
jueves, 25 de octubre de 2018
Optimización de audio
Hoy hemos hecho una practica para convertir audio, cambiarlo de un formato a otro diferente reduciendo o aumentando su peso sin cambiar mucho el sonido.
¿Que es el sonido?
-El sonido es la sensación o impresión producida en el oído y el cerebro por un conjunto de vibraciones que se propagan por un medio como el aire.
¿Que es Códec?
lunes, 22 de octubre de 2018
Optimización de imagen
La optimización es:
Uno de los eficaces medios de ahorro de bytes y mejora de rendimiento para sitios web. Cuantos menores bytes deba descargar el navegador, menos tiempo tardara en cargar y mostrar el contenido en pantalla.
El formato .JPG es actualmente el mas utilizado para web.
Todos deben estar en modo de color RGB
Optimización a PNG
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLd_V8f1nAqjtWJf3NDXG31XRxX3xSjm-eJBJkaGJXK9_T8zGrEfd93IhfVfcDUkLwZCvKxxYKAiTAIOPTeaUiJ2-YQqsVodh-azB3F2glzFiOLhxNnEuYK4fOKDLlDh23cRELZOXedQ-B/s200/captura+mujer+embarazada+normal.png)
Original:
Formato: JPG
Ancho: 454px
Alto: 303px
Peso:407 kb
Escala 100%
Formato: PNG
Ancho: 454px
Alto: 303px
Peso:134 kb
Escala 50%
Formato: PNG
Ancho: 227px
Alto: 152px
Peso:33 kb
Original:
Formato:JPG
Ancho: 394px
Alto: 270px
Peso: 311 kb
Escala 100%
Formato:PNG
Ancho: 393px
Alto: 270px
Peso: 134 kb
Escala 50%
Formato: PNG
Ancho:227px
Alto: 152px
Peso: 33 kb
Optimización a JPG.
Original:
Formato:PSD
Ancho: 340px
Alto: 237px
Peso:237kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5uXGW-4My_VSQ4sB8BVSO3hWTJOV3AxVoV-HHUw6vnhq7VdFfa1eiMA8fPRCJrdcsMakath9929S5G290486OE4pmNIlHEuO4Cv0tQFPBYH9VQiyFQSEAT9iGwcFzpBNZY0OEeeGz8-KX/s200/captura+perro+100%2525.png)
Escala100%
Formato: JPG
Ancho: 340px
Alto: 237px
Peso: 236kb
Escala 50%
Formato: JPG
Ancho: 170px
Alto: 119px
Peso: 59 kb
Original:
Formato: PSD
Ancho: 472px
Alto 472px
Peso:652 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3e8D-9ae3PjoPEDBvzlj755OtHJ7ziS6H8NQ8JI9h8c4YS6Gp4ik27hDRA9R2t8OdL0feoNwgQHTNisAz7qT6tIxBrvKU0tLY2xyLiW4lQGLx7Pr_s2zg4ND_A0YzVVkFFNPQsxZVisQ/s200/captura+zanahoria+100%2525.png)
Escala 100%
Formato: JPG
Ancho: 472px
Alto: 472px
Peso: 652 kb
Escala 50%
Formato JPG
Ancho: 236px
Alto: 236px
Peso: 163kb
Original:
Formato:PSD
Ancho: 170px
Alto: 255px
Peso: 127 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjve19vygb6t4tmQyqmpEg3Id8xI4sf-wceHNT01zkHNijMI1sNN1HPTk0O-36bu8PMLYgiMOcuUNE3uSdHZKekbIUDFZF30CqxtjwuSYkMBSW9H2xVzXFbgGzy4GQyhw5SY77fu2WzEIPF/s200/captura+chicha+con+fruta+100%2525.png)
Escala 100%
Formato: JPG
Ancho: 170px
Alto: 255px
Peso: 125kb
Escala 50%
Formato: JPG
Ancho: 85px
Alto: 128px
Peso: 31kb
Optimización a GIF
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNNHG7EH0Rzn6UQ40tUHdMQYmlbS8r_CvSQW6XQYkcgyylMmHIf741tQmXezXM67YcuvYuHHEX8ZFSgpBGsMWMqqRKnzgEGksRP8LxG2HTQGXzQYd-7KK5cIOiHux_Mm_ZjnuODn6pALz/s200/captura+brainstorm+normal.png)
Original.
Formato:PNG
Ancho:5000px
Alto:3000px
Peso:42 MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGXmKN1pmNbzkQml5qJSPjX0YmeQYAvDFb1pOs0ZRoHA99bUPkH1gz35yblWoaKecy3ohNSjpKkBawsToWxYoSIygMTy6e0FPRl5mL6tBQH6XU4KaQ2vfWKrEz5y6b_TeY6UWVUG07CkL/s200/captura+brainstorm+100%2525.png)
Escala 100%
Formato: GIF
Ancho:5000px
Alto:3000px
Peso:14MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghjlwZRE_UZx3WEnU1yiCF2kNbi8qbgHdzcsh_MAwjRBJyZCm8cWIBT6OVx4ihC5lBPQggcc1P8f_GEpdTjNYRWEUAGnBT74l_CZkLajEli2u8itlECfZcS-KyRs7BCc6u6uSiiWWB7XZT/s200/brainstorm+100%2525.gif)
Escala 50%
Formato:GIF
Ancho: 2500px
Alto 1500px
Peso:3MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdoFRMhejBHjOsNVz8wPimn-iJ1CL9ojMovfcgQg4xJ_YvgFgznEyPaJ_UwgqgcOz3HPo4Gb0fjsA9zgAhFvWpvQYAANBDGwSsQ8TgB3Ua0f-YhGH9wL5j24MehjkhyWaHBbvQv6Rc63k/s200/captura+puerta+bonita+normal.png)
Original
Formato: JPG
Ancho:938px
Alto:240px
Peso:659kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhP4YT1SS-TciorTonxT2DShLdNx1khRsUdfYK3nc9FFLBvSdg6reYgyE-GjxcIXEbcUjFb9G6XJEd2KIh5mDu7C-CJBp8ZYs3Tec9Cf_BnJyQFTnKZe2nrSycK9jUJB0DcT2dgjUU4uc0/s200/captura+puerta+bonita+100%2525.png)
Escala 100%
Formato: GIF
Ancho 938px
Alto:240px
Peso:219kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlE56Zyi5oxFygzEBxrPcWYgsFld0OoApA5hOHM8H5VW1hxw-y7P4W_a8Z0u-xoXZBXxcz4PhZZWXKz_3grKN92d5r5za0ACQRYTWiXOwSHi9j5TQ0HDo5Ef5fdZQ6fLiHQN1npJdOY7Hn/s200/captura+puerta+bonita+50%2525.png)
Escala 50%
Formato: GIF
Ancho:469px
Alto:120px
Peso:55kb
El formato .JPG es actualmente el mas utilizado para web.
Todos deben estar en modo de color RGB
Optimización a PNG
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLd_V8f1nAqjtWJf3NDXG31XRxX3xSjm-eJBJkaGJXK9_T8zGrEfd93IhfVfcDUkLwZCvKxxYKAiTAIOPTeaUiJ2-YQqsVodh-azB3F2glzFiOLhxNnEuYK4fOKDLlDh23cRELZOXedQ-B/s200/captura+mujer+embarazada+normal.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZOT-EFmpZozS-hjVSBxnPGQMeM61ZvokRcTCcU2Gj_JiVMhBXZE1_LmHgM92l93GnOLEWK6sjFgi4-O5VAJytvwfM5zwydHpWZseNNISVTFLqzySqug4JZZFT430yMHNgHsbXGgAiY1x/s200/+mujer+embarazada.jpg)
Formato: JPG
Ancho: 454px
Alto: 303px
Peso:407 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUwyip9Dyih5f7FV8RY6rPtPj45bVQ5xNuD4uG0nqA71eXv1IyMYtUmBxJ9b-7dvKRtlcTwpx8SrgxdJb2xHeLFtdk0PZeB4MXgXhCLfxmxyRtdECWo0RsrKpQksZPl2lPCjoGTDBf4V9H/s200/captura+mujer+embarazada+100%2525+png.png)
Formato: PNG
Ancho: 454px
Alto: 303px
Peso:134 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0rBjsfvBIqWJbnyJKXCJ9QOhPCbI3RZL86q7wRjm1wMzjTjzlqpzcfqOM25efQ2lIpoNRESKBbFmfzaC7xd5vbsENQZ0-VRE3SBgvfT1QCx9_4L7cXsDomF9Z_CUVwqZByY41texp_NV/s200/captura+mujer+embarazada+50%2525+png.png)
Formato: PNG
Ancho: 227px
Alto: 152px
Peso:33 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaWh9ezXc4LZh-BZuIiaVFJizuhxyA0sOFY0Yy7XuV0hrAv3BjPFtSX6kGVGZiOLXRNzO4-vQbrKyLQ_AocMFA195KhyphenhyphenURUcHgueb0IRtNk0wur3WZrxG1deszusiQvFtOc9Hlj9iMdwVN/s200/01+Oton%25CC%2583o.jpg)
Formato:JPG
Ancho: 394px
Alto: 270px
Peso: 311 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLnthxGge6NYU-TAeiA921IpJIBsoPpmcX2VQwhNx9LdDB-9vAHhBlmT3ZJvwglWLTXmK4l6cnrZEPhu5YN2uMrGZYEd-IgSZhoznV4umuDqx40eA11SWbMbyzkKzAI_6l50mDTFnzuenu/s200/oton%25CC%2583o+captura+100%2525+png.png)
Formato:PNG
Ancho: 393px
Alto: 270px
Peso: 134 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQSE6RHY7XcSqYvLdJcVtQbpw_eL-CTFrtAEjeKsJlrletyyIup7dU9H8qcjLnq7f6_2hQKQCM298SjixFQvpttOc6TQi-4_JTm94PNs3TAkN0lBAtCzLdNPe2vZXsq9UgcKMJk0QnhSS/s200/oton%25CC%2583o+captura+50%2525+png.png)
Formato: PNG
Ancho:227px
Alto: 152px
Peso: 33 kb
Optimización a JPG.
Original:
Formato:PSD
Ancho: 340px
Alto: 237px
Peso:237kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5uXGW-4My_VSQ4sB8BVSO3hWTJOV3AxVoV-HHUw6vnhq7VdFfa1eiMA8fPRCJrdcsMakath9929S5G290486OE4pmNIlHEuO4Cv0tQFPBYH9VQiyFQSEAT9iGwcFzpBNZY0OEeeGz8-KX/s200/captura+perro+100%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IuwnvBbBQA-_cEesUrrl7cBV1z39iMjyaLvTFVfexeQctPhz5kQZMIH9PmYy0rOPRoRxmOR72WABS9ST_Hf5Y3aQRziAS0ZTB0MvZib_yRHrFdAnRSwSAB3Cmjn9HkGGzOFRvEQNQISj/s200/perro+100%2525.jpg)
Formato: JPG
Ancho: 340px
Alto: 237px
Peso: 236kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0OYP5B_UekbLfPEfh3NWMCNFKflJRcLQEqfhBkOkb-0Pd6WwfyJGj4fWxAfsvp1PCvBDkKvq6Hxn0eVH8q9FcdakbEelaIEp75jFipM6n43-erK6zRRPYklts0Ta5FZSUb11WKJXmj9q/s200/captura+perro+50%2525.png)
Formato: JPG
Ancho: 170px
Alto: 119px
Peso: 59 kb
Original:
Formato: PSD
Ancho: 472px
Alto 472px
Peso:652 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw3e8D-9ae3PjoPEDBvzlj755OtHJ7ziS6H8NQ8JI9h8c4YS6Gp4ik27hDRA9R2t8OdL0feoNwgQHTNisAz7qT6tIxBrvKU0tLY2xyLiW4lQGLx7Pr_s2zg4ND_A0YzVVkFFNPQsxZVisQ/s200/captura+zanahoria+100%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPh1C0eaMQgrIEUyRH5smf_tAuxM9PA3hG-HvR9jlh5a11znOGMYtNG9X9-QHpEyGOyTFAPlbCocYm8pVQPR2NiVaIikMirVdkKMkj89V4NHlVb-XK9vY-4lhpDhTSjArcbiXvpNfCNQbQ/s200/zanahoria+100%2525.jpg)
Formato: JPG
Ancho: 472px
Alto: 472px
Peso: 652 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpIkKtCWSTsMaQGbLLB_85Qoxfbj1nzciaz0M4uJ68Jj4eeDQRJgzocVH85CxXAGcnmE4SCzes_gwROMJtXUMqYosElCelGq-QcHwy6NT1VdIA60SdE75pw-oNDaGRtzmSMkz6BdI4rs1C/s200/zanahoria+50%2525.jpg)
Formato JPG
Ancho: 236px
Alto: 236px
Peso: 163kb
Original:
Formato:PSD
Ancho: 170px
Alto: 255px
Peso: 127 kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjve19vygb6t4tmQyqmpEg3Id8xI4sf-wceHNT01zkHNijMI1sNN1HPTk0O-36bu8PMLYgiMOcuUNE3uSdHZKekbIUDFZF30CqxtjwuSYkMBSW9H2xVzXFbgGzy4GQyhw5SY77fu2WzEIPF/s200/captura+chicha+con+fruta+100%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHge5oLSU6cHXzdzUVf1U09Ng9CxQVj1k1FqSv8wmnqlRgdSaYLSHSVfvczq9Xeo2kp_EjBZoDVUa24bVy0eWkNeLt_vUx8RRF5BCJ_TcNGAJ15lEMvoVmRGryI6CYV-1A-7PNoYY6Naol/s200/chica+con+fruta+100%2525.jpg)
Escala 100%
Formato: JPG
Ancho: 170px
Alto: 255px
Peso: 125kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ysJ3_RCq5sOOXD7ysDFroOfB7Acj44Ah58bUdbq2ff0NFQOeAged0M7UxzFLQwRwfu4-BeHmQHSmywW0jUOcyO2XINX9Et5zK0tuopliQNoRIJZZ5FIWdRyJyV4rM4DzDlr8fxgsmQMZ/s200/captura+chica+con+fruta+50%2525.png)
Formato: JPG
Ancho: 85px
Alto: 128px
Peso: 31kb
Optimización a GIF
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNNHG7EH0Rzn6UQ40tUHdMQYmlbS8r_CvSQW6XQYkcgyylMmHIf741tQmXezXM67YcuvYuHHEX8ZFSgpBGsMWMqqRKnzgEGksRP8LxG2HTQGXzQYd-7KK5cIOiHux_Mm_ZjnuODn6pALz/s200/captura+brainstorm+normal.png)
Original.
Formato:PNG
Ancho:5000px
Alto:3000px
Peso:42 MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGXmKN1pmNbzkQml5qJSPjX0YmeQYAvDFb1pOs0ZRoHA99bUPkH1gz35yblWoaKecy3ohNSjpKkBawsToWxYoSIygMTy6e0FPRl5mL6tBQH6XU4KaQ2vfWKrEz5y6b_TeY6UWVUG07CkL/s200/captura+brainstorm+100%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fAvSAx-UlqzjHOz9nq-ld4ragNtB966PRgsREl744wbYYypmiEbvG1b4pSYgO9IeQYK2rTDmu3NGMDMg5tyhlDS11c_lHWiEoAwTuINzJdQ-w0X65ohKMumrRSo3TSOq0l5QuoeAan3q/s200/brainstorm+100%2525.gif)
Formato: GIF
Ancho:5000px
Alto:3000px
Peso:14MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghjlwZRE_UZx3WEnU1yiCF2kNbi8qbgHdzcsh_MAwjRBJyZCm8cWIBT6OVx4ihC5lBPQggcc1P8f_GEpdTjNYRWEUAGnBT74l_CZkLajEli2u8itlECfZcS-KyRs7BCc6u6uSiiWWB7XZT/s200/brainstorm+100%2525.gif)
Escala 50%
Formato:GIF
Ancho: 2500px
Alto 1500px
Peso:3MB
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdoFRMhejBHjOsNVz8wPimn-iJ1CL9ojMovfcgQg4xJ_YvgFgznEyPaJ_UwgqgcOz3HPo4Gb0fjsA9zgAhFvWpvQYAANBDGwSsQ8TgB3Ua0f-YhGH9wL5j24MehjkhyWaHBbvQv6Rc63k/s200/captura+puerta+bonita+normal.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjUEWrPEeC630bAwd54aumlmRedIY6ru3_r8Y3HvP3cdYSljfpfsh0hYk8FKcGDUr4c0n5q9st_9ztIkl9LR7Fev-sB9YbcB7OgI9JnlN0g9wMmqiyklGvlhmRI5s-VKWKooVSpTY7tfc-/s200/07+Puerta-Bonita.jpg)
Formato: JPG
Ancho:938px
Alto:240px
Peso:659kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhP4YT1SS-TciorTonxT2DShLdNx1khRsUdfYK3nc9FFLBvSdg6reYgyE-GjxcIXEbcUjFb9G6XJEd2KIh5mDu7C-CJBp8ZYs3Tec9Cf_BnJyQFTnKZe2nrSycK9jUJB0DcT2dgjUU4uc0/s200/captura+puerta+bonita+100%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Qg9jpsshEny4-IOVLGMiwrSuv8rgoFM7v0bC4YSRrawxJVqrnkxOdG0Xy5zNEWYHuVB0zrQ13wGU6vb6nNZCDofEO0d6z0P8NmkBZEEpGhyphenhyphene-JVMZMRxC3wSTq1E-tUgkHQjvlj0_ruk/s200/puerta+bonita+100%2525.gif)
Formato: GIF
Ancho 938px
Alto:240px
Peso:219kb
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlE56Zyi5oxFygzEBxrPcWYgsFld0OoApA5hOHM8H5VW1hxw-y7P4W_a8Z0u-xoXZBXxcz4PhZZWXKz_3grKN92d5r5za0ACQRYTWiXOwSHi9j5TQ0HDo5Ef5fdZQ6fLiHQN1npJdOY7Hn/s200/captura+puerta+bonita+50%2525.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6h1-ZhI2UaK-JkCfGTte0ex-sDF-XDZCS9FTiHunUw0RLpX7Pif0IVqP362GNHfVflS4sASAl7hyKk-O0DSi489xrXoiJVFM8EeIjMD_l7IpM0h2h2yqW9KpegdL0lN3lspcH3nOvHqK/s200/puerta+bonita+50%2525.gif)
Formato: GIF
Ancho:469px
Alto:120px
Peso:55kb
Suscribirse a:
Entradas (Atom)