El documento habla sobre los formatos de archivo de imagen más comunes como JPEG, PNG, GIF y BMP. Explica que JPEG se utiliza para fotografías, PNG es sin pérdida de calidad y soporta transparencias, GIF limita a 256 colores y es adecuado para logotipos simples, y BMP es el formato nativo de Windows. También describe los atributos más importantes de la etiqueta <img> para incluir imágenes en HTML, como src, alt, width y height.

1. Imágenes
Prof. Eudes

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. 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. 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. 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. 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. <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. 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. 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. 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. 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. 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. 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é">