Usar una imagen alternativa si no carga la principal

En todo diseño web hay imágenes, más aún en las tiendas online y en los blogs. Muchos diseños dependen de las imágenes, pero qué pasa si se nos cae el servidor donde están alojadas las imágenes o  si movemos de carpeta a las imágenes y nos olvidamos de direccionarlas.

Para cualquiera de estos  casos lo más recomendable es usar una imagen alternativa dentro del IMG, veamos:


<img src="URL_de_imagen_principal.jpg" alt="texto de imagen" onerror="this.src='URL_de_imagen_alternativa.jpg';" />

Las imágenes pueden ser JPG, PNG o GIF, eso es indiferente.

Algunos webmaster a menudo usan imágenes en blanco y negro de baja resolución y peso para llenar el espacio vacío que dejaría una imagen normal. Tal es el caso de Facebook que mientras carga o demora en cargar su contenido muestra una imagen alternativa en baja resolución.

Ejemplo:

La imagen original debería ser una botella, pero se muestra una etiqueta.

3 comentarios:

Ultimos temas en Soluciones para Webmasters: