Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, png, svg, tiff, raw, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.
Los formatos más utilizados son el GIF, PNG y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos memoria.
Formato GIF:
Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Cuantos menos colores tenga la imagen, menos ocupará. Suelen utilizarse con gran frecuencia, ya que permiten contener transparencias y animación.
Formato PNG:
El formato GIF es un formato propietario de Compuserve, aunque su uso está permitido a todo el mundo. Por eso se creó el formato PNG, que es libre y está un poco mejorado con respecto al GIF, aunque su funcionalidad es muy parecida. A pesar de que se recomienda el uso del PNG, el formato GIF sigue estando mucho más extendido.
Los formatos PNG-24 y PNG-32 son especialmente indicados cuando la imagen tiene degradados y semitransparencias, ya que son los únicos formatos que las soportan correctamente.
Formato JPG o JPEG:
Si pensamos en una fotografía, los formatos anteriores se quedan cortos. Cualquier foto contiene millones de colores, y al mostrarla con 256 se perdería mucha calidad. Además, en las fotografías no hay áreas grandes de un sólo color, por lo que el archivo resultante sería grande. En estos casos, el mejor formato es el JPG, que está optimizado para fotografías con muchos colores, que se mostrarán con una gran calidad.
Cuando queremos introducir una imagen, lo hacemos con la etiqueta <img />. Los atributos que como mínimo ha de tener esta etiqueta son los siguientes:
Cuando el navegador no encuentre la imagen ubicada en scr no podrá mostrar la imagen. En su lugar puede mostrar una imagen de error, además se mostrará el texto contenido en el atributo alt, ya que ésa es su función: mostrar un texto alternativo cuando no se puede mostrar la imagen.
Existen diferentes objetos gráficos que podemos usar en nuestros diseños, entre los que podemos citar logotipos, banners, iconos, bullets, fotografías, ilustraciones, entre otros.
Cada uno de ellos posee unas características de diseño y capacidades de comunicación propias, jugando un papel diferente en la composición.
Consulta las siguientes referencias web:
Cuando queremos introducir una imagen, lo hacemos con la etiqueta <img />. Los atributos que como mínimo ha de tener esta etiqueta son los siguientes:
<img src="ubicacion/imagen.gif" alt="texto alternativo" />
Cuando el navegador no encuentre la imagen ubicada en scr no podrá mostrar la imagen. En su lugar puede mostrar una imagen de error, además se mostrará el texto contenido en el atributo alt, ya que ésa es su función: mostrar un texto alternativo cuando no se puede mostrar la imagen.
Existen diferentes objetos gráficos que podemos usar en nuestros diseños, entre los que podemos citar logotipos, banners, iconos, bullets, fotografías, ilustraciones, entre otros.
Cada uno de ellos posee unas características de diseño y capacidades de comunicación propias, jugando un papel diferente en la composición.
Consulta las siguientes referencias web:
