IMG Tag vs CSS

etiquetas HTML IMG e imágenes CSS trabajan en ciertas circunstancias en el diseño web. En general, las imágenes son compatibles con CSS fondo o el uso decorativo. Utilizar etiquetas HTML IMG cuando se necesita para incluir una imagen en su contenido; por ejemplo, una fotografía de un producto o de la persona. Para alterar ya sea el CSS o HTML que necesita el acceso a los archivos principales de su sitio.

IMG Tag

La etiqueta IMG HTML significa "imagen". El formato básico para escribir una etiqueta de imagen es la siguiente: <img alt = "texto alternativo si la imagen no se cargará" />. SRC se refiere al origen de la imagen - es decir, la ubicación de la carpeta o URL. Algunas personas utilizan programas de lectura de pantalla para ver los sitios web o navegar con las imágenes desactivadas. En estos casos, el texto alt explica lo que la imagen se refiere a. La etiqueta IMG forma parte del contenido de una página Web. Por lo tanto, si desea agregar una foto a una página o utilice un gráfico ilustrativo, la etiqueta IMG es la mejor opción.

CSS imagen

Los diseñadores utilizan CSS, u hojas de estilo en cascada, para separar el contenido de un sitio web desde el diseño general. Por ejemplo, bordes, sombreado y las imágenes de fondo no cuentan como elementos de contenido real de su sitio. La sintaxis de una imagen de fondo CSS para es: Imagen de fondo: URL ( 'yourchosenimage.gif') ;. CSS por lo general se encuentra en un archivo separado de la página HTML, aunque se puede añadir instrucciones en línea. Hacer un cambio a su archivo CSS significa que puede cambiar el aspecto de todas las páginas web de una sola vez. Por lo tanto, si desea añadir una imagen de frontera para su diseño, CSS seh para cambiar todo su sitio web.

Alt y Navegación

Algunas imágenes en su sitio web pueden tener un papel importante para ayudar a los usuarios navegar por sus páginas o aplicaciones. Por ejemplo, en "enviar" botones "comprar ahora" o los botones "casa" se refieren todos a su acción y destino. las etiquetas IMG contienen atributos ALT, que le da la oportunidad de indicar a los usuarios que hacen clic en ese enlace hacer si no puede ver la imagen. imágenes CSS no le permiten incluir dicha información. Eso significa que no están adecuados para botones de navegación y gráficos de información importantes.

consideraciones

El uso de imágenes de fondo de CSS puede añadir un poco de color y contraste a su sitio. Sin embargo, el uso excesivo podría restar valor a su contenido. Por ejemplo, el uso de imágenes de fondo de sombra debajo de un texto escrito puede hacer que las palabras más difíciles de leer. Muchos de los sistemas de gestión de contenidos le permiten añadir imágenes fácilmente a través del editor de contenido principal. Estos son por lo general las imágenes HTML IMG-etiqueta, por lo que no afectarán su CSS o alterar el aspecto general de su sitio.