---
title: "Adaptación de imágenes a la resolución para WordPress"
description: "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 co..."
url: https://wpdirecto.com/adaptacion-de-imagenes-a-la-resolucion-para-wordpress/
date: 2012-04-13
modified: 2012-04-13
author: "David Carrero Fernández-Baillo"
image: https://wpdirecto.com/wp-content/uploads/2012/04/imagen-adaptable-a-resolucion.jpg
categories: ["Desarrollo", "Plugins"]
tags: ["diseño", "dispositivos", "imágenes", "javascript", "resolución"]
type: post
lang: es
---

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

[![](https://wpdirecto.com/wp-content/uploads/2012/04/imagen-adaptable-a-resolucion.jpg)](https://wpdirecto.com/adaptacion-de-imagenes-a-la-resolucion-para-wordpress-354/imagen-adaptable-a-resolucion/)

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](https://github.com/joshje/Responsive-Enhance). 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](http://viewportindustries.com/blog/automatic-responsive-images-in-wordpress/) 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](http://www.wplover.com/2137/automatic-responsive-images-for-wordpress/).