Optimización De Archivos De Audio

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.
Existen multitud de programas para la captura de audio, desde la tarjeta de sonido y su conversión digital a MP3.Hay programas que permiten la extracción de audio digital de cierto formatos, como el CDA,para convertirlo a WAV o MP3; programas de postproducción, que permiten combinar archivos de diversos formatos.

Utilizar un editor para reducir alguno o algunos de los siguientes parámetros;

Audio: Formato Wav a MP3.
Tasa de muestreo Definir valores inferiores: 44 100 Hz.
Duración En ocasiones se puede utilizar un fragmento más corto que reproducido en bucle cubre el tiempo suficiente de acompañamiento musical.
Calidad estéreo/mono La reducción a calidad "mono" reduce considerablemente el peso del archivo.
Utilizar MP3 en lugar del WAV Por su potente factor de compresión y su aceptable calidad de audio.
Resolución establecer resoluciones más pequeñas: 32-bits, 16-bits, 8-bits, 4-.

Para mi audio escogí un formato WAV para MP3, la conversión no tardo mucho menos 1 min. Utilicé los parámetros a ser para optimizar un archivo de audio. Aquí os adjunto una captura para verlo.

Explicación Copyleft y licencias CC

Creative Commons

Creative Commons es una organización no gubernamental sin ánimo de lucro que desarolla planes para ayudar a reducir las barreras legales de la creatividad, por medio de nueva legislación y nuevas tecnologías.

Las licencias Creative Commons garantizan cuatro libertades; atribución de la obra, no comercial, sin derivados y compartir igual.

Reconocimiento. Use esta obra como desee pero indique la autoría de la misma.

Reconocimiento-Compartir igual. Use la obra como desee, indicando la atribución de la misma y bajo el mismo tipo de licencia.

Reconocimiento-Sin derivados. Utilice la obra tal y como es, otorgando el reconocimiento al autor.

Reconocimiento-No comercial. Utilice la obra con propósitos no comerciales y otórgueme la atribución.

Reconocimiento-No comercial-Sin derivados. Utilice la obra tal y como es, con propósitos no comerciales y con atribución al autor.

Reconocimiento-No comercial-Compartir igual. Utilice la obra con propósitos no comercial, bajo el mismo tipo de licencia y con atribución.

Optimización de imágenes

Optimización de la imágenes

¿Qué es la optimización?

La optimización para Web es el proceso de compresión de imágenes y

de definición de opciones de visualización para un uo óptimo de Internet. En la Web se utilizan, sobretodo, tres formatos de archivos gráficos: GIF, JPEG y PNG.

Imagen Otoño Baja Calidad :
FORMATOS ; Peso: 12KB, Modo de color: RGB Dimensiones: 394 x 270 Calidad JPG: Baja. OBSERVACIONES; En esta fotografía pierde bastante calidad y aperece pixelada. Al bajar su calidad baja también su peso.No admite transparencia.

Imagen Otoño Alta Calidad :
FORMATOS; Peso: 98KB, Modo de color: RGB Dimensiones: 394 x 270 Calidad JPG: Alta. OBSERVACIONES; En esta fotografía tiene bastante calidad y se ve bien. Al subir su calidad sube a la vez también su peso.No admite transparencia.

Imagen Mujer Embarazada Baja :
FORMATO: 12KB, Modo de color: RGB, Dimensiones: 454 x 303 Calidad JPEG: Baja. OBSRVACIONES; Esta foto se aprecia mucho ruido y pixelada. Al bajar su calidad baja también su peso.No admite transparencia.

Imagen Mujer Embaraza 33% Escala :

FORMATO: 29KB, Modo de color: RGB, Dimensiones: 151 x 101 Calidad JEG: 33% Escala. OBSERVACIONES: Esta en foto está escalada a un 33% y al visualizarla se ve pequeña, hay que ampliarla. Al hacer eso la imagen se ve desenfocada.No admite transparencia.

Chica Con Fruta 150% Escala :
FORMATOS: 464KB,  Modo de color: RGB, Dimensiones: 383 x 575 Calidad PNG: 150% Escala. OBSERVACIONES:En esta foto está escala un 150% esto significa que su peso y su visualización aumentan. Tiene ruido se ve borrosa. La calidad PNG acepta transparencia pero en esta foto no tiene.

Chica Con Fruta 25% Escala :
FORMATOS: 8 KB,  Modo de color: RGB, Dimensiones: 43 x 64 Calidad PNG: 25% Escala. OBSERVACIONES:En esta foto está escala un 25% esto significa que su peso y su visualización disminuye . Se ve pixelada  La calidad PNG acepta transparencia pero en esta foto no tiene.

Zanahoria con transparencia 100% Escala :

FORMATOS: 254KB,  Modo de color: RGB, Dimensiones: 472 x 472 Calidad PNG: 100% Escala. OBSERVACIONES:Al ser un formato png no tiene fondo, y su calidad es adecuada.Su peso es menor ya que la calidad es apta para visualizarse.

Zanahoria con transparencia 33,33 % Escala :

FORMATOS:37KB,  Modo de color: RGB, Dimensiones: 157 x157 Calidad PNG: 33,33% Escala. OBSERVACIONES:Al ser un formato png no tiene fondo, y su calidad es adecuada.Su peso es menor pero al bajar la escala se ve borrosa.

Perro con transparencia 100% Escala :

FORMATOS ; Peso: 151KB, Modo de color: RGB Dimensiones: 340 x 237  Calidad PNG:100%
OBSERVACIONES;Formato adecuado para colores planos y tono continuo.

Perro con transparencia 100% Escala :
FORMATOS ; Peso: 45KB, Modo de color: RGB Dimensiones: 170 x 119 Calidad PNG:50%
OBSERVACIONES;Formato adecuado para colores planos y tono continuo. Al ampliarla se distorsiona, pero al ser de menor escala menor peso tiene.

Brainstorm con transparencia 100% Escala :
FORMATOS ; Peso: 14,3 KB, Modo de color: RGB Dimensiones: 44,1x 26,46 calidad GIF:100%OBSERVACIONES;Formato adecuado para colores planos, dibujos, logotipos,gráficos. Admite transparencia y carga progresiva.

  

Brainstorm con transparencia 50% Escala :
FORMATOS ; Peso: 915,5 KB, Modo de color: RGB Dimensiones:176,39 x 105,83  Calidad GIF: 50%OBSERVACIONES;Formato adecuado para colores planos, dibujos, logotipos,gráficos. Admite transparencia y carga progresiva. Pero al disminuir su escala al 50% aumenta su peso, al ser Gif si ampliamos no perdemos calidad.

Puerta Bonita 100% :

FORMATOS ; Peso: 659,5 KB, Modo de color: RGB Dimensiones: 33,09 x 8,47  Calidad GIF: 100%OBSERVACIONES;Formato adecuado para colores planos, dibujos, logotipos,gráficos. Admite transparencia y carga progresiva.

Puerta Bonita 50% :

FORMATOS ; Peso: 55,0 KB, Modo de color: RGB Dimensiones: 16,55 x 4,23  Calidad GIF: 50% OBSERVACIONES;Formato adecuado para colores planos, dibujos, logotipos,gráficos. Admite transparencia y carga progresiva.Aquí disminuye proporcionalmente el peso y su tamañano. Al ser Gif si ampliamos no perdemos calidad.

Bosque SVG :
FORMATOS ; Peso: 25 KB, Dimensiones: 9,98 x 9,98  Calidad SVG
OBSERVACIONES; Adecuado para colores planos y tonos continuo (comprime menos que JPEG pero más de un 10% respecto a GIF). Admite transparencia de 8 bits, admite carga progresiva y no permite animación.
Al ser archivo SVG he incrustado la imagen en modo JPG porque como es un ilustración Photoshop no admite este tipo de imágenes.

Añadir leyenda

Análisis de legibilidad e ilegibilidad en web

Análisis de legibilidad e ilegibilidad en web

¿Qué es la legibilidad?

• Es la capacidad de definir y distinguir claramente los elementos que deseamos en una página y, dentro del texto, los caracteres.

 Ejemplo de una página web legible: (SONY).

www.sony.es

Su tipografía es Verdana, es bastante legible y contrasta suficientemente con el fondo.

 Hay dos tipos de enlaces en está página web; Enlaces de textos y en laces de imágenes. Que al pulsar te llevan a otra página

Espacio entre los párrafos no supera 1,5 entre las líneas.Y su alineación de párrafo es en bandera.

¿Qué es la ilegibilidad?

• Una pagina web ilegible es aquella con fallos, en la cual los textos no puedan leerse correctamente, aquella en la que haya muchos enlaces a webs, muchos vídeos etc...

Ejemplo de una página web ilegible: (ARNGREN).

En está web de ARNGREN se puede ver que no los colores del texto no contrastan suficientemente con el fondo, tiene un contraste demasiado marcado.Termina por cansar la vista.No tiene un patrón jerárquico, no facilita la compresión de la lectura

http://arngren.net

Aquí se puede apreciar el ejemplo de que hay flash. Lo que hace que tarde en cargar la página web y sus imágenes. Flash no cumple con ninguno de los estándares Web, no toma en cuenta a personas con discapacidades, ni hace más fácil la navegación.

 No respeta el alineado horizontal, ya que la texto e imágenes por toda la web. Cambia el tamaño de la tipografía por cada anuncio.

Consejos para una web legible

Contraste: elegir un color de texto que contraste suficientemente con el fondo es fundamental para una buena legibilidad. Un contraste demasiado marcado ( superior a 15:1) termina por cansar la vista, afectando a la legibilidad.

Jerarquía: variar la fuente, color y formato de los títulos y subtítulos siguiendo un patrón jerárquico, ayuda a identificar la estructura del diseño y por lo tanto facilita la compresión de la lectura.

Columnas: No deben superar mas del 50% del ancho del total de la pantalla, con el objetivo de que la lectura sea cómoda y no resulte pesada.

- No incluir Flash, si se desea que funcione en un iPad.

- No colocar muchos enlaces muy cerca unos de otros.

- La navegación debe ser fácil y la interacción no debe presentar complicaciones.

- No colocar demasiada carga de vídeos, animaciones o galerías de fotos, que pueden ocasionar problemas de carga y dificultades al navegar.