Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Imágenes html

imagenes en html

  • Login to see the comments

  • Be the first to like this

Imágenes html

  1. 1. Imágenes Prof. Eudes
  2. 2. Extensiones de archivos de imagen • En informática, una extensión de archivo o extensión de fichero, es una cadena de caracteres anexada al nombre de un archivo, usualmente precedida por un punto. Su función principal es diferenciar el contenido del archivo de modo que el sistema operativo disponga el procedimiento necesario para ejecutarlo o interpretarlo, sin embargo, la extensión es solamente parte del nombre del archivo y no representa ningún tipo de obligación respecto a su contenido.
  3. 3. JPEG • JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de Expertos en Fotografía), es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos de imágenes fijas. Este comité fue integrado desde sus inicios por la fusión de varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalización de imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus investigaciones en el área.
  4. 4. PNG • Portable Network Graphics en un formato gráfico basado en un algoritmo de compresión sin pérdida, fue desarrollado para solventar las carencias del GIF y permite mayor profundidad de contraste. Es un formato sin perdida de calidad con una excelente compresión, ideal para imágenes formadas por grandes áreas de color plano o con pocas variaciones de color (y soporta transparencias). Sus características lo hacen ideal para su uso en internet, pero no ha tenido la expansión que se esperaba (algunos navegadores no lo visualizan correctamente).
  5. 5. GIF • Es un formato diseñado por Compu Serve y son las siglas del inglés Graphic Interchange Format (Formato Gráfico de Intercambio), puede almacenar hasta 256 colores, por lo que pertenece a imágenes muy sencillas, como dibujos, rayas, tramados y su peso es mínimo. Es multiplataforma y se usa habitualmente en internet para logotipos (soporta animación), aunque debido su simpleza, es menos frecuente cada día.
  6. 6. BMP • Windows bitmap (.BMP) es el formato propio del programa, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE (Run- length encoding).
  7. 7. <IMG> • El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo debe de tener en cuenta que las imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican a partir de la tag <img> que no tiene una tag correspondiente de cierre pero que puede acompañarse de los siguientes atributos: <IMG SRC="/graficos/logo.jpg"
  8. 8. src • Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar. <IMG SRC="/graficos/logo.jpg"
  9. 9. Align • Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidosleft, right, top, middle y bottom. <IMG align=middle> </IMG>
  10. 10. Alt • Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima. <IMG ALT="Un bebé"> </IMG>
  11. 11. WIDTH • Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar. <IMG SRC="/graficos/bebe1.jpg" WIDTH=140></IMG>
  12. 12. HEIGHT • Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen. <IMG SRC="/graficos/logo.jpg" HEIGHT=210 ></IMG>
  13. 13. BORDER • Con BORDER especificamos el ancho de un borde que rodea la imagen. <IMG SRC="/graficos/logo.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé">

×