UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES
Santo Domingo FACULTAD: SISTEMAS MERCANTILES
CARRERA: SISTEMAS SILABO: PROGRAMACION WEB I
TEMA: TIPOS DE IMÁGENES PUBLICABLES PARA INTERNET
AUTOR:
ESTUPIÑAN BATALLA FREDDY HUGO
TUTOR: ING. XIMENA HUAYLLA PERIODO ABRIL – SEPTIEMBRE 2014
1.
INTRODUCCIÓN
Con el informe realizado se podrá conocer los tipos de imágenes que se pueden utilizar en los sitios web, entre las más descartables tenemos los GIF, JPG y PNG, ya que este tipo de imágenes son las más comunes que encontramos en la web. Los diferentes tipos de imágenes que usamos para un sitio web permiten generar una apariencia y una interfaz gráfica llamativa para los usuarios permitiendo que tengan mayor acogida para generar anuncios publicitarios Banners entre otros. El uso de cada imagen publicitaria depende también mucho en lo que se desea publicitar o anunciar, ya que de eso depende la acogida y la promoción de un sitio web. 2.
OBJETIVOS 2.1. OBJETIVO GENERAL
Investigar los diferentes tipos de imágenes publicables para internet 2.2. OBJETIVO ESPECIFICO •
Realizar un informe de la investigación realizada sobre los tipos de imágenes publicables
•
Fundamentar científicamente los consultado sobre imágenes publicables para internet
•
Enviar el link sobre lo consultado de los tipos de imágenes publicables de internet para issu
3.
FUNDAMENTACIÓN CIENTÍFICA
TIPOS DE IMÁGENES PUBLICABLES PARA INTERNET Banners: Son imágenes rectangulares, ya sea horizontales o verticales, en formato JPG o GIF (para banners estáticos) y en Gifu Animado o Flash (para banners animados). Por lo general, tienen tamaños standard, por ejemplo, los banners horizontales son de 468 x
60 píxeles o 720 x 90 píxeles (rascacielos). Los banners verticales, pueden ser de 160 x 600 píxeles, 120 x 600 píxeles y 120 x 240 píxeles. Cabe señalar que para una rápida descarga de éstas imágenes, se sugiere que no excedan los 12kb. TIPO Y USO DE IMÁGENES EN LA WEB Uno de las principales decisiones a la hora de incluir gráficos en tu web será elegir el formato correcto para cada tipo de imagen de manera que logres una correcta relación entre la calidad visual de la misma y su peso en Kb. Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de internet. GIF (Graphic Image File Format). Sus características son: •
Número de colores: de 2 a 256 de una paleta de 24 bits.
•
Formato de compresión sin pérdida basado en el algoritmo LZW.
•
Carga progresiva en el navegador.
•
Máscara de trasparencia de 1 bit.
Permite la animación simple. Es el formato más adecuado para aquellas imágenes sencillas, de formas simples y en las que no existe un elevado número de colores. JPEG (Joint Photographic Experts Group). Fue diseñado para la compresión de imágenes fotográficas, basándose en el hecho de que el ojo humano no es perfecto y no es capaz de captar toda la información que se puede almacenar en una imagen de 24 bits.
El formato JPEG intenta eliminar la información que el ojo humano no es capaz de distinguir, por eso se dice que posee un formato de compresión con pérdida, porque elimina información. Las características de este formato son: •
Número de colores: 24 bits color o 8 bits B/N
•
Elevado grado de posibilidad de compresión.
•
Formato de compresión con pérdida.
•
No permite trasparencia, ni canal alfa.
•
No permite la animación.
•
Por regla general, es el más indicado para aquellas imágenes que son fotografias.
PNG (Portable Network Graphics). Proporciona un formato compresión de imágenes sin pérdida. Las características de este formato son: •
Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.
•
Mayor compresión que el formato GIF (+10%)
•
Compresión sin pérdida.
•
Canal alfa. (Transparencia variable)
•
No permite animación.
El más adecuado para imágenes de elementos renderizados, ya que se logran unos degradados muy suaves y una buena definición de las líneas. TIPOS DE IMÁGENES DIGITALES WEB Las imágenes que encuentra en Internet pueden estar en uno de los muchos formatos diferentes. Dependiendo del uso previsto de la imagen, el espacio en el servidor
disponible y el diseño de una página web, diferentes tipos de formatos serán los apropiados. Los formatos de imagen más utilizados en Internet son GIF, JPG y PNG. GIF Graphics Interchange Format (GIF) es un formato que muestra un máximo de 256 colores. Si una imagen es convertida de un formato de mayor color a GIF, los colores se pueden aproximar a GIF utilizando los 256 colores disponibles. Estas limitaciones causan que los archivos GIF sean generalmente más pequeños en tamaño que los otros formatos de imagen. Debido a esto, los GIF son ampliamente utilizados en Internet. Se utilizan comúnmente en los fondos de páginas web, así como en el contexto de animación, donde varias imágenes se pueden utilizar para crear archivos GIF animados. JPG Los archivos Joint Photographic Experts Group (JPEG o JPG) son imágenes con diferentes niveles de compresión. Como máximo, los archivos JPG pueden mostrar 16 millones de colores. Con compresión variable, alguna información en el JPG se puede descartar, resultando en un menor tamaño de archivo, pero una imagen de menor calidad. Debido a su versatilidad, los JPG son ampliamente utilizados en Internet, tanto para imágenes de alta y baja calidad. PNG Los archivos Portable Network Graphics (PNG) son predeterminadamente sin pérdidas, lo que significa que los datos originales se pueden reconstruir a partir del archivo comprimido. Ellos son capaces de mostrar hasta 16 millones de colores, y también soportar regiones transparentes. El formato PNG es considerado por muchos como una alternativa de mayor calidad a los archivos GIF. Por esta razón, muchas personas han dejado de utilizar archivos GIF a favor del PNG. 4.
DESARROLLO
5.
CONCLUSIÓN
Los diferentes tipos de imágenes para internet permiten que los sitios web tenga un una interfaz gráfica amigable para los usuarios y crear anuncios, con mayor acogida a los socios de cada uno de ellos para generar banners y publicidad empresarial, educativa, comercial entre otros.
BIBLIOGRAFÍA Desarrollo web. (s.f.). Desarrollo web. Obtenido de http://www.guiawebmaster.com/disenoweb/tipos-imagenes-web.php Diseño de Materiales Multimedia. (s.f.). Diseño de Materiales Multimedia. Obtenido de http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0105.html La
revista
Informatica.com.
(2006).
La
revista
Informatica.com.
Obtenido
de
http://www.larevistainformatica.com/tipos-formatos-imagenes.htm Murmson,
S.
(s.f.).
Computacion
y
Electronica
.
Obtenido
de
http://www.ehowenespanol.com/tipos-imagenes-digitales-web-info_316026/ Ramm. (s.f.). Tipos de imagenes para internet. Recuperado el 27 de febrero de 2006, de http://www.cristalab.com/tutoriales/tipos-de-imagenes-para-internet-c158l/