Adaptación de imágenes a la resolución para WordPress

Uno de los objetivos al crear una plantilla para WordPress debería ser crear un diseño responsable y adaptable a diferentes resoluciones y dispositivos. En este punto la parte más crítica suele ser como adaptar las imágenes que mostramos a cada tamaño de pantalla en particular. Una de las soluciones es utilizar este JavaScript como Responsive-Enhance jQuery. Este lo que hace es cargar la imágenes en tamaños más pequeños por defecto en función de la resolución o tamaño de pantalla detectado.

Entre las ventajas de reducir el tamaño de las imágenes en función del tamaño de pantalla o dispositivo está el aumento de la velocidad de carga y ahorro de ancho de banda, importante en dispositivos móviles.

Además os recomendamos consultar este tutorial de Keir Whitaker donde nos ilustran como podemos aplicar el diseño adaptable avanzado en WordPress con este JavaScript.

Gracias por la referencia a los chicos de WPlover.

Dejar respuesta

Please enter your comment!
Please enter your name here