TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 4: Formato avanzado del documento  
 
4.2 Imágenes

Para entender el proceso de insertar imágenes dentro del código de HTML, primero debemos de hablar de los formatos de imagen.

Formatos de imagen
Los formatos de imagen que se usan regularmente en los documentos en HTML, son el GIF, JPEG Y BITMAP. Al seleccionar el formato, hay que considerar particularmente el peso (kilobytes) y la calidad de una imagen (cantidad de colores).
GIF, es el formato más usado para la Internet por dos razones esenciales: su peso es relativamente el menor de todos los formatos y permite usar cualidades que ningún otro formato ofrece como áreas "transparentes" e incluso movimiento.
El GIF contiene imágenes con colores planos (como logos, títulos, fondos, etc.) y está basado en un código que solo puede leer 256 colores. En otros temas de este curso te has familiarizado con la aplicación de color para la Internet y has visto ejemplos de los colores estandarizados; precisamente son esos colores los que encapsula este formato.
Observa los ejemplos:
GIF
GIF CON ZONAS TRANSPARENTES
GIF ANIMADO
JPEG
JPEG, es el formato de imagen idóneo para las fotografías, imágenes con sombras o mucho detalle, porque en él se encapsulan millones de colores lo que provee de gran calidad. Los jpeg a diferencia de los gif, NO pueden tener zonas transparentes ni movimiento, suelen ser imágenes más pesadas que los gif por la cantidad de colores y por lo mismo hay que tener precaución en su uso.
Observa el siguiente ejemplo y compáralo con las imágenes de tipo gif, ¿notas la diferencia en la calidad de la imagen?
BITMAP, se usa en presentaciones electrónicas donde es muy importante el grado de detalle de la imagen y la calidad, sin embargo el peso (cantidad de bytes) es demasiado grande. Suele pasar que este formato sea incorrectamente empleado por usuarios que desconocen como utilizar su escáner y guardar una imagen, o simplemente las diferencias entre los formatos de imagen. Esta es una razón por la que debe utilizar imágenes gif y/o jpeg en los documentos HTML.
 
 
TEMARIO