Tamaño imagen destacada WordPress: 1200×630 y el de tu tema

Respuesta corta: si aún no sabes el tamaño de tu tema, usa 1200 x 630 píxeles (aproximadamente 1,91:1). Es el tamaño de vista previa de enlaces que recomienda Facebook, y los plugins de SEO suelen usar la imagen destacada como imagen para compartir.

En la propia entrada, el tamaño que cuenta es el que muestra tu tema. WordPress guarda cada imagen que subes en varios tamaños, y el tema elige cuál aparece. Los temas clásicos lo definen con set_post_thumbnail_size() o add_image_size(); los temas de bloques, en el bloque Imagen destacada. Si el tema recorta a 16:9 o en cuadrado, una imagen de 1200 x 630 puede perder parte de los bordes izquierdo y derecho. Averigua el tamaño de tu tema (abajo tienes cuatro formas) y luego sube una imagen al menos así de grande, o de aproximadamente el doble de ancho para que se vea nítida en pantallas de alta densidad.

Para ver todos los tamaños que WordPress creará a partir de una imagen concreta, suéltala en la herramienta de tamaños de imagen de WordPress.

Qué tamaño usar según dónde aparece la imagen

Dónde aparece la imagen	Tamaño a subir	Notas
Tus entradas, sin conocer aún el tamaño del tema	1200 x 630, o 2400 x 1260 para más nitidez	También sirve para las vistas previas de enlaces mientras averiguas el tamaño de tu tema
Tus entradas, con el tamaño del tema ya conocido	Aproximadamente el doble del ancho de la imagen destacada de tu tema, con la misma proporción	WordPress crea copias más pequeñas de una imagen subida, nunca más grandes
Vistas previas de enlaces en Facebook	Al menos 1200 x 630 (aprox. 1,91:1); 1200 x 628 tiene casi la misma forma	Según las indicaciones de Facebook para compartir
Google Discover	Al menos 1200 px de ancho, 16:9 (por ejemplo, 1200 x 675)	Según las directrices de Google Discover

Tamaños de imagen de WordPress de un vistazo

Cada imagen que subes recibe copias redimensionadas para cada tamaño registrado. Estos son los tamaños que registra el núcleo de WordPress, con los valores por defecto del Theme Handbook y de la referencia de funciones del núcleo:

Nombre del tamaño	Medidas por defecto	¿Se puede cambiar en Ajustes > Medios?	Notas
thumbnail	150 x 150, recortada	Sí	Tiene una casilla para “recortar a las medidas exactas”
medium	300 x 300 máx.	Sí	Escalada proporcionalmente
medium_large	768 de ancho, sin límite de alto	No	Se usa sobre todo en srcset
large	1024 x 1024 máx.	Sí	Escalada proporcionalmente
1536x1536	1536 x 1536 máx.	No	Añadido en WordPress 5.3 para pantallas de alta densidad
2048x2048	2048 x 2048 máx.	No	Añadido en WordPress 5.3 para pantallas de alta densidad
post-thumbnail	Lo define el tema	No	Solo existe si el tema llama a set_post_thumbnail_size()
full	Tu imagen original	No	Las imágenes muy grandes se reducen primero (ver más abajo)

“Máx.” significa que WordPress encaja la imagen dentro de ese recuadro y mantiene sus proporciones. Una foto de 2000 x 1000 pasa a 1024 x 512 en large, no a 1024 x 1024.

Los temas y plugins suelen añadir más tamaños con add_image_size(). WooCommerce, por ejemplo, añade sus propios tamaños de producto, que explica nuestra guía del tamaño de imagen de producto en WooCommerce.

Hay otra regla que afecta a las imágenes grandes. Desde WordPress 5.3, si una imagen mide más de 2560 píxeles de ancho o de alto, WordPress la reduce y usa la copia reducida como el tamaño más grande disponible. Ese umbral viene del filtro big_image_size_threshold, cuyo valor por defecto es 2560. Si ves -scaled en los nombres de archivo y quieres saber si conviene desactivarlo, lee cómo desactivar las imágenes escaladas en WordPress.

De dónde sale de verdad el tamaño de la imagen destacada

Una imagen destacada es cualquier imagen que asignas en el panel Imagen destacada del editor de entradas. Lo que ven los visitantes depende de cómo la muestra el tema.

Temas clásicos

Un tema clásico activa las imágenes destacadas y registra el tamaño en su functions.php:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 675, true );

set_post_thumbnail_size() registra un tamaño llamado post-thumbnail. El tercer argumento controla el recorte. Con false (por defecto), WordPress escala la imagen para que quepa dentro de 1200 x 675. Con true, la corta exactamente a 1200 x 675 desde el centro, así que se pierde todo lo que quede fuera de un recuadro 16:9. También puedes pasar un array como array( 'center', 'top' ) para elegir qué parte se conserva.

Muchos temas registran tamaños con nombre adicionales para distintas plantillas:

add_image_size( 'hero-wide', 1600, 900, true );
add_image_size( 'card', 600, 400, true );

Luego la plantilla elige uno por su nombre:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'hero-wide' );
}

Si se llama sin nombre, the_post_thumbnail() usa post-thumbnail. Por eso, el tamaño real de la imagen destacada en un tema clásico es el que nombra la plantilla, y un archivo del blog puede usar uno distinto al de la vista de una sola entrada.

Temas de bloques

Los temas de bloques, incluidos los temas gratuitos de este sitio, muestran la imagen destacada con el bloque Imagen destacada. La referencia de bloques del núcleo enumera sus ajustes, entre ellos sizeSlug (qué tamaño registrado cargar), aspectRatio, width, height y scale.

Eso cambia dónde tienes que mirar. Abre Apariencia > Editor, edita la plantilla Entradas individuales y selecciona el bloque Imagen destacada. La barra lateral muestra qué tamaño de imagen carga y si hay una proporción definida. La proporción se aplica en el navegador con CSS, así que el archivo es el mismo y lo que cambia es el marco visible. Si el bloque pide un marco 16:9 y tu imagen es cuadrada, una parte queda oculta. Las plantillas de archivo y de inicio pueden usar ajustes distintos a los de la plantilla de entrada individual, así que revisa cada una.

Cómo encontrar el tamaño de imagen destacada de tu tema

Prueba estas opciones en orden. Con la primera que te dé una respuesta basta.

1. Revisa la documentación del tema. Los buenos temas indican el tamaño recomendado para la imagen destacada. Si aparece, úsalo.

2. Lista los tamaños registrados con WP-CLI. Si tienes acceso a la línea de comandos, wp media image-size muestra cada tamaño registrado con su ancho, alto, ajuste de recorte y proporción:

   wp media image-size

3. Busca en los archivos del tema. En un tema clásico, busca set_post_thumbnail_size y add_image_size en functions.php (y en los archivos que incluya), y luego mira en single.php o en las partes de plantilla qué nombre se pasa a the_post_thumbnail(). En un tema de bloques, revisa el bloque Imagen destacada en el editor del sitio como se explica arriba.

4. Inspecciona una entrada publicada. Haz clic derecho sobre la imagen destacada, elige Inspeccionar y lee el nombre del archivo en src. WordPress añade las medidas a las copias redimensionadas, así que my-photo-1200x675.jpg te dice que el tema cargó una copia de 1200 x 675. Mira también srcset, porque el navegador puede elegir una copia más pequeña en pantallas estrechas. Si el nombre no lleva medidas, se usó el archivo original.

Cuando sepas el objetivo, pasa una imagen de prueba por la herramienta de tamaños de imagen para ver cómo quedará cada tamaño derivado antes de subir un lote.

Cómo elegir el tamaño de la imagen que subes

Con el tamaño del tema claro, hay cuatro decisiones que marcan si el resultado se ve bien.

• Ancho. Sube como mínimo el ancho que muestra el tema. Para que se vea nítida en pantallas de alta densidad de móviles y portátiles, apunta a más o menos el doble. Para un hueco de 1200px de ancho, eso son 2400px. WordPress crea copias más pequeñas de tu imagen y nunca más grandes, así que un original demasiado pequeño es la causa más común de una imagen borrosa después de subirla.
• Proporción. Usa la misma proporción que el recorte del tema. Si recorta a 16:9, dale 16:9 y deja el sujeto cerca del centro para que un recorte estricto no corte cabezas ni texto.
• Peso del archivo. Una foto de 2400px guardada como JPEG con una calidad razonable suele pesar unos cientos de kilobytes. Subir un archivo de cámara de 6000px solo añade trabajo: WordPress reduce igualmente todo lo que pase de 2560px, y los píxeles de más nunca llegan a los visitantes.
• Formato de archivo. WordPress admite subir imágenes WebP desde la versión 5.8 y AVIF desde la 6.5, siempre que la biblioteca de imágenes de tu servidor los admita. Ambos formatos suelen dar un archivo más ligero que JPEG con una calidad similar.

La imagen para redes sociales es otro asunto

Cuando alguien comparte tu entrada en Facebook, LinkedIn u otras redes, la vista previa sale de la etiqueta og:image, que los plugins de SEO suelen rellenar con la imagen destacada. La documentación para compartir de Facebook recomienda imágenes de al menos 1200 x 630 píxeles, lo más cerca posible de una proporción 1,91:1.

También verás que se recomienda 1200 x 628. Esa medida es casi exactamente 1,91:1, mientras que 1200 x 630 da unos 1,90:1. Solo se diferencian en 2 píxeles de alto, así que cualquiera de las dos sirve.

Si el tamaño que muestra tu tema también se acerca a 1,91:1, una sola imagen de 1200 x 630 (o 2400 x 1260) sirve para las dos cosas. Si el tema recorta a 16:9 o en cuadrado, aleja el contenido importante de los bordes izquierdo y derecho o define una imagen social aparte en tu plugin de SEO.

Google Discover tiene sus propias recomendaciones de imagen. Las directrices de Google Discover recomiendan imágenes de al menos 1200 px de ancho, con más de 300.000 píxeles en total y una proporción 16:9, como 1200 x 675. Las imágenes grandes también necesitan la directiva robots max-image-preview:large, que WordPress añade por defecto desde la versión 5.7, salvo que el sitio esté configurado para disuadir a los motores de búsqueda.

Cómo cambiar el tamaño de la imagen destacada

Dónde se hace el cambio depende del tamaño y de tu tema.

Tamaños del núcleo (thumbnail, medium, large). Ve a Ajustes > Medios y cambia el ancho y el alto. La documentación de la pantalla Ajustes de medios describe los campos, incluida la casilla de recorte de las miniaturas.

Tamaños del tema en un tema clásico. No edites el tema padre, porque una actualización del tema sobrescribirá tu cambio. Añade los nuevos valores en el functions.php de un tema hijo. Registrar de nuevo un tamaño con el mismo nombre lo reemplaza, y la configuración del tema hijo debe ejecutarse después de la del padre:

add_action( 'after_setup_theme', function () {
	set_post_thumbnail_size( 1600, 900, true );
	add_image_size( 'hero-wide', 1600, 900, true );
}, 11 );

La prioridad 11 hace que esto se ejecute después de un tema padre enganchado con la prioridad por defecto de 10. Revisa el código del padre y ajústala si usa una prioridad posterior.

Temas de bloques. Cambia el tamaño de imagen y la proporción del bloque Imagen destacada en la plantilla del editor del sitio. No hace falta código, y el cambio se aplica a todas las entradas que usan esa plantilla.

Una sola imagen, sin código. Para elegir qué conserva el recorte en una imagen concreta, ábrela desde Medios > Biblioteca y haz clic en Editar imagen. Recórtala a la proporción de tu tema (la herramienta de recorte acepta una proporción como 16:9) o escálala, y guarda. WordPress aplica el cambio a todos los tamaños de esa imagen y conserva el archivo original, así que con Restaurar imagen original puedes deshacerlo más adelante.

Regenerar las miniaturas existentes

Un tamaño modificado solo se aplica a las imágenes nuevas. Las que ya están en tu biblioteca de medios conservan sus copias antiguas hasta que las regeneres. El comando wp media regenerate se encarga de eso:

wp media regenerate --yes

Opciones útiles de la documentación de WP-CLI:

• --image_size=hero-wide regenera solo ese tamaño. Repite la opción para varios tamaños.
• --only-missing crea los tamaños que aún no existen y deja los archivos actuales como están, lo que es más rápido después de añadir un tamaño nuevo.
• --skip-delete conserva los archivos de miniatura antiguos. Úsalo si otros sitios, newsletters o feeds enlazan directamente a esos archivos.

Sin línea de comandos, el plugin Regenerate Thumbnails del directorio de plugins de WordPress.org hace lo mismo desde el escritorio. Haz antes una copia de seguridad si la biblioteca es grande, porque la regeneración reescribe muchos archivos.

Errores comunes

• Quedarse en 1200 x 630. Es un buen punto de partida y sirve para las vistas previas de enlaces, pero si tu tema recorta a 16:9 o en cuadrado, se corta parte de la imagen. Comprueba el tamaño de tu tema antes de subir un lote.
• Desactivar los tamaños generados para “quedarte con el original”. Si el tema no tiene copias más pequeñas, puede acabar cargando el archivo completo en todas las pantallas, lo que hace la página más lenta en el móvil. Las copias redimensionadas existen precisamente para evitarlo.
• Editar el código de los tamaños de imagen y no regenerar. El código funciona, pero solo para las imágenes nuevas. Por eso mucha gente cree que un cambio de tamaño “no hizo nada”.
• Cambiar el tamaño en el tema padre. La siguiente actualización del tema lo borra. Usa un tema hijo o el editor del sitio.

Si la imagen sigue viéndose mal después de ajustar el tamaño, la proporción y regenerar, compara el nombre del archivo que cargó el navegador con los tamaños que WordPress debería crear según la herramienta de tamaños de imagen. Si no coinciden, a menudo es un plugin de optimización o un redimensionador de imágenes de un CDN, entre WordPress y el visitante, el que sirve su propia versión.