Check the new version here

Popular channels

Como usar la etiqueta Picture en HTML5


Uso de la Etiqueta Picture en nuestros diseños web



De seguro has escuchado esta tag, o quizas sea la primera vez. Esta es una breve descripción de que es y cómo se usa.

Con la implementación del responsive web design, la adaptación y optimización de imágenes se ha convertido en un reto para los desarrolladores web.

¿Porque se usa?

Como el cambio de ambientes o espacios entre un desktop, laptop, tablet y móvil es diferente, la visualización de las imágenes cambia. Una solución para la adaptación de imágenes en las diferentes plataformas es utilizar porcentajes (%) y no pixeles (px) creando así imágenes flexibles, pero esta no es la mejor forma, puede que la imagen se adapte a la pantalla pero conserva el mismo tamaño en bits de una imagen grande y ahí es donde radica el problema.

Solución

Por eso nace la etiqueta llamada: Picture, la cual su funcionalidad es muy similar a la etiqueta lo que busca esta etiqueta es que por cada resolución de pantalla haya una imagen diferente que se adapte tanto en tamaño como en peso.

Para ver el uso de la Etiqueta, ingresa a http://cubemedia.co/uso-de-la-etiqueta-picture-en-html5

Quedo atento a inquietudes
0
0
0
0No comments yet