Cambia el tamaño de la imagen destacada en WordPress

Una imagen destacada es una de las imágenes más importantes que puedes agregar a las entradas de tu blog. La manera en la que una imagen destacada se usa en WordPress es lo que la vuelve tan importante.

La imagen destacada, junto con el título de la entrada, es lo primero que las personas ven cuando encuentran los enlaces de tu sitio web compartidos en las redes sociales. Esto significa que tu imagen destacada influye en la decisión de las personas de hacer clic en tu entrada desde las redes sociales.

Estas imágenes también pueden tener otra función importante dependiendo del tema que hayas instalado en tu sitio web. Estas pueden mostrarse en todos los lugares de tu sitio web en donde hayas colocado un enlace a un artículo. Por ejemplo, supongamos que tienes una barra lateral que muestra tus cinco artículos más leídos. En esa barra lateral podrás mostrar los títulos de tus entradas, además de las imágenes destacadas correspondientes.

Esto puede ayudar a que el sitio web sea más atractivo visualmente y, probablemente, puede aumentar la tasa de clics para esos artículos.

Algunos temas también muestran imágenes destacadas en el cuerpo del artículo, en su mayoría directamente debajo del título de la entrada. La variante de imagen destacada que se muestra aquí generalmente será la más grande de todas.

¿Por qué deberías cambiar el tamaño de la imagen destacada en WordPress?

Cuando subes una imagen a la biblioteca de medios, WordPress genera miniaturas para ella automáticamente. En la actualidad, WordPress genera imágenes en cuatro tamaños diferentes de forma predeterminada.

Estos tamaños, cuyos nombres son muy adecuados, son los siguientes: Miniatura (150px), Mediano (300px), Mediano grande (768px) y Grande (1024px).

En la versión 5.3 se agregaron dos variantes más, con un ancho de 536px y 2048px. No es posible acceder a ellas de forma predeterminada a través del panel de administración de WordPress. Algunos temas también pueden definir un tamaño específico para las imágenes destacadas. Por ejemplo, el tema de 2021 de WordPress crea una variante de 1568px de ancho para mostrarla en la parte superior del título de la entrada.

WordPress generará todas estas variantes para cualquier imagen destacada que cargues en tu sitio web.

Dependiendo del tema que estés utilizando, algunas de estas imágenes generadas podrían ser demasiado grandes. Por ejemplo, la imagen destacada de mi entrada solamente estaba siendo mostrada con un ancho de 1250px. Sin embargo, WordPress aún cargó la imagen de 1568px de ancho cuando visité la entrada.

Tener una imagen más grande significa que el tamaño del archivo también es más grande, y eso es un desperdicio de recursos tanto para ti como para tus visitantes. No es necesario generar imágenes destacadas de 1568px de ancho cuando solamente las muestras con un ancho máximo de 1250px.

Cambiar el tamaño de la imagen destacada ahorrará espacio de almacenamiento y dará como resultado una carga de páginas más rápida para tus visitantes. ¡Una situación en la que todos ganan!

Cambia el tamaño de la imagen destacada en WordPress

Si no usas plugins, WordPress solamente te mostrará tres tamaños diferentes de imágenes en Configuración > Medios. Estos son Miniatura, Mediano y Grande. Si solo deseas cambiar estos tres valores, puedes hacerlo sin instalar plugins adicionales.

Para cambiar el tamaño de otras variantes de imagen necesitarás hacer modificaciones en el archivo del tema o usar un plugin. Aquí te mostraremos cómo hacerlo con un plugin llamado Simple Image Sizes. Una vez que hayas instalado y activado el plugin, verás que la página Configuración > Medios tiene una apariencia similar a la de la imagen mostrada a continuación.

Ahora simplemente puedes especificar tus propias dimensiones para diferentes variantes de imagen. Establece el valor del ancho y del alto en cero para evitar que WordPress genere imágenes de ese tamaño. Por ejemplo, he establecido en 0 el valor del ancho y del alto para las variantes de 1536px y 2048px.

Puedes hacer clic en el botón Guardar cambios después de especificar tus propios tamaños. Cualquier carga futura a la biblioteca de medios generará variantes en base al tamaño que hayas configurado.

Una última cosa que deberías hacer ahora es volver a generar las imágenes antiguas relacionadas con las variantes modificadas. Simplemente haz clic en Volver a generar miniaturas y el plugin lo hará por ti.

Pensamientos finales

En este tutorial discutimos brevemente algunos aspectos importantes de las imágenes destacadas en WordPress. Espero que esto te haya ayudado a comprender el propósito de las imágenes destacadas y cómo puedes cambiar su tamaño en WordPress.

Una cosa más que me gustaría mencionar es que no debes escribir valores arbitrarios para los tamaños de las imágenes. Averigua cuáles son los tamaños más comunes en los que se muestran las imágenes en tu sitio web y luego cambia estas configuraciones en consecuencia.