Tamaño de la imagen destacada en WordPress.
Qué medidas usar en píxeles según tu blog, tema o plantilla. Una guía práctica con tabla de tamaños, recortes, Elementor, SEO, redes sociales y plantillas PNG gratuitas, sin confundir recomendaciones de diseño con requisitos de WordPress.
hace visible
una buena idea.
Varias
proporciones.
¿Cuál es el tamaño ideal de la imagen destacada de WordPress?
Como punto de partida para un blog con portadas horizontales, puedes diseñar una imagen de 1200 × 675 píxeles (16:9). Para una vista previa social de tipo Open Graph, 1200 × 630 px (aprox. 1,91:1) es una recomendación habitual. Si tu tema utiliza tarjetas cuadradas, crea una versión 1:1. No existe una medida universal obligatoria: WordPress permite que los temas y las plantillas elijan y recorten tamaños diferentes. La medida adecuada es la que corresponde al espacio real donde se mostrará la fotografía o portada.
Importante: 1200 × 675, 800 × 800 y otros tamaños de la tabla son propuestas de producción, no valores que WordPress exija. Google Discover recomienda además más de 300.000 píxeles totales, una composición apaisada adecuada y permitir vistas previas grandes. Ver guía de Google ↗.
Medidas de imagen destacada de WordPress según su uso.
Un artículo puede aparecer en la portada del blog, en una tarjeta de archivo, como cabecera del post y al compartir el enlace. No todos esos lugares necesitan la misma proporción. Esta tabla propone tamaños de trabajo realistas para cada situación; revisa siempre la configuración de tu plantilla.
| Uso | Lienzo recomendado | Proporción | Cuándo elegirlo | Plantilla |
|---|---|---|---|---|
| Portada de entrada de blogDiseño horizontal editorial | 1200 × 675 px | 16:9 | Blogs con tarjetas y cabeceras panorámicas. | |
| Imagen social / Open GraphCompartir enlaces | 1200 × 630 px | 40:21 ≈ 1,91:1 | Vista previa de enlaces con OG. | |
| Portada panorámica grande | 1600 × 900 px | 16:9 | Hero de artículo ancho, con buena imagen de origen. | |
| Blog horizontal clásico | 1200 × 800 px | 3:2 | Fotografía editorial con más altura. | |
| Portada de post equilibrada | 1200 × 900 px | 4:3 | Tarjetas más altas, fotografía y contenidos educativos. | |
| Tarjetas cuadradas | 800 × 800 px | 1:1 | Grids de blog, archivo o diseño de categoría. | |
| Tarjeta vertical | 800 × 1000 px | 4:5 | Diseños editoriales verticales o masonry. | |
| Miniatura pequeñaTamaño tradicional de WordPress | 150 × 150 px | 1:1 si se recorta | Imágenes pequeñas, nunca como portada grande. |
Como contraste editorial, la guía de Jetpack actualizada en agosto de 2026 también contempla 1200 × 675 px para la portada individual y 1200 × 630 px para compartir. Son referencias de diseño, no dimensiones obligatorias del núcleo de WordPress.
og:image pueden ser distintas.La diferencia entre tamaño de archivo, tamaño mostrado y proporción
Imagina que cargas un archivo de 1600 × 900 px, pero el bloque de noticias solo ocupa 400 × 300 píxeles CSS. El tema puede servir una versión más pequeña del archivo y recortarla a 4:3. Por tanto, las dimensiones originales de la imagen no garantizan cómo se verá. Hay tres decisiones separadas: la resolución del archivo, la proporción del contenedor y el modo de recorte (por ejemplo, cover o contain).
Si quieres mantener la misma imagen en la portada, categorías y artículo, inspecciona antes esos tres espacios en escritorio y móvil. Con un sujeto bien situado en el centro, la adaptación suele ser más sencilla; con texto o logotipos pegados al borde, cualquier cambio de proporción puede cortar información importante.
16:9, 1,91:1 y 1:1 no son lo mismo.
Dos imágenes de 1200 píxeles de ancho pueden tener alturas diferentes. La proporción determina qué parte de la composición cabe dentro de una tarjeta antes de aplicar recortes.
DE ARTÍCULO
16:9 · Editorial
Imagen horizontal versátil para cards anchas y cabeceras de blog. No es un estándar obligatorio de WordPress.
SOCIAL
1,91:1 · Open Graph
Más panorámica que 16:9. Recomendación habitual para la imagen social de un enlace.
CUADRADA
1:1 · Archivo
Útil en grids cuadrados. Necesita replantear el encuadre de una fotografía horizontal.
Por qué se corta la imagen destacada en WordPress
Si subes una imagen 16:9 pero el diseño la muestra en un contenedor 1:1 con object-fit: cover, la imagen debe recortarse por los lados para ocupar todo el cuadrado. No es un fallo del servidor ni una mala exportación: es la consecuencia geométrica de utilizar proporciones distintas. Con contain se ve completa, pero puede quedar espacio libre. Elige el comportamiento según el diseño y no uses fill si deforma la fotografía.
Ilustraciones explicativas; el recorte concreto depende del tamaño de la imagen, del contenedor y de object-position.
Qué tamaños genera WordPress automáticamente.
Cuando subes una fotografía a la Biblioteca de medios, WordPress puede generar versiones de menor tamaño. Sin embargo, estos tamaños automáticos no son una instrucción para diseñar la portada. La imagen destacada o post thumbnail representa la entrada; el tema decide qué versión utilizar y cómo dibujarla.
| Tamaño de WordPress | Valores predeterminados habituales | Qué significa | ¿Es tamaño de portada? |
|---|---|---|---|
| thumbnail | 150 × 150 px | Miniatura, con posible recorte cuadrado según ajustes. | No necesariamente. |
| medium | 300 × 300 px | Límites máximos de ancho y alto; mantiene proporción salvo otros ajustes. | No. |
| medium_large | 768 px de ancho | Versión intermedia conservando normalmente la proporción. | Depende del tema. |
| large | 1024 × 1024 px | Límites máximos de la imagen grande. | Depende del tema. |
| 1536 / 2048 | 1536 / 2048 px | Tamaños adicionales que WordPress puede crear si procede. | Solo si están disponibles y se usan. |
| post-thumbnail | Variable | Tamaño registrado o solicitado por el tema para imagen destacada. | Sí, cuando se solicita en la plantilla. |
| full | Origen disponible | Imagen de mayor tamaño disponible tras posibles escalados o filtros. | Solo cuando se solicita. |
150, 300, 768 y 1024 px son valores de referencia comunes, no una promesa de que todas las instalaciones conserven esos ajustes. Los tamaños pueden ser modificados por administradores, temas, plugins, alojamiento y configuración de imagen. WordPress documenta las imágenes destacadas y sus variantes y Ajustes → Medios.
Subir una imagen grande no fuerza a mostrarla grande.
Si cargas 1600 × 900 px, WordPress puede guardar y servir varias resoluciones del mismo recurso. Gracias a srcset y sizes, el navegador puede elegir un archivo apropiado para el espacio disponible y la densidad de pantalla.
Ese sistema evita enviar siempre el archivo más grande, siempre que el tema y sus componentes generen correctamente el HTML.
El tema controla la geometría visible.
La plantilla puede pedir post-thumbnail, large o una medida registrada, y después mostrarla dentro de una caja 16:9, 4:3 o cuadrada.
Por eso cambiar la opción «miniatura 150 × 150» en Ajustes → Medios no convierte automáticamente todas las portadas del blog en imágenes de 150 × 150.
¿Qué ocurre con una fotografía de 3000 o 4000 píxeles?
WordPress aplica, de forma predeterminada, un umbral de 2560 píxeles a imágenes grandes: si alguna dimensión lo supera, puede crear una versión escalada que se utilice como mayor tamaño disponible, conservando aparte la original en el servidor. Este comportamiento admite filtros y depende de que el servidor pueda procesar la imagen. Por eso un «tamaño completo» de la Biblioteca de medios no siempre coincide con el archivo exacto que se subió. Referencia técnica de WordPress ↗.
¿Por qué aparecen sufijos como «-300x169» en los archivos?
Porque WordPress creó una variante de la fotografía original para servirla a un tamaño intermedio. No significa que haya duplicado la entrada del blog: son versiones físicas del recurso. Si cambias las dimensiones registradas de un tema, las imágenes ya existentes no se regeneran automáticamente por el simple hecho de cambiar la configuración; puede ser necesario regenerar miniaturas tras realizar una copia de seguridad.
Calculadora de medidas y plantillas PNG descargables.
Selecciona un formato recomendado, introduce dimensiones personalizadas y descarga un lienzo a tamaño exacto. Las líneas interiores sirven para orientarte al diseñar; no son límites oficiales de WordPress ni garantizan que una imagen no se recorte. Los archivos se generan en tu navegador.
Generador de portadas WordPress
HERRAMIENTA 01 / SIN REGISTRO1200 × 675 px
16:9 · Una portada panorámica adecuada para el blog si tu tema usa esta proporción.
La plantilla contiene etiquetas y guías de composición. Sustitúyelas por tu diseño final.
Así se verá tu lienzo.
PORTADA
El recuadro discontinuo ocupa el 80 % central como guía editorial orientativa; el diseño de WordPress puede recortar de otra manera. El PNG descargado no debe confundirse con una creatividad final.
Cómo usar la plantilla: descarga el PNG, ábrelo en Canva, Figma o Photoshop, úsalo como referencia de dimensiones y diseña sobre él. Antes de publicarlo, elimina la capa de guías o exporta el diseño terminado sin ellas.
Cómo calcular la proporción de cualquier imagen
Divide el ancho entre el alto. Una imagen de 1200 × 675 tiene un cociente de 1,777…, equivalente a 16:9. La de 1200 × 630 tiene un cociente cercano a 1,905, por eso resulta más horizontal. Los píxeles describen la resolución del archivo; el ratio describe su forma. Puedes cambiar la resolución manteniendo la proporción, pero no cambies solo uno de los lados porque entonces modificarás el encuadre.
Comprueba una imagen antes de subirla a WordPress.
Selecciona un JPG, PNG, WebP o AVIF disponible en tu equipo. La herramienta lee las dimensiones, calcula el peso y compara el recorte aproximado para un destino elegido. La imagen no se envía a ningún servidor.
Analizador de imágenes destacadas
HERRAMIENTA 02 / PRIVACIDAD LOCALSin archivo seleccionado
Cuando selecciones una imagen, verás su tamaño, proporción y cuánto contenido perdería un recorte centrado aproximado.
La imagen en tu tarjeta.
Podrás cambiar entre recorte y ajuste completo.
El resultado reproduce el comportamiento general de object-fit, no los filtros de imagen ni el recorte personalizado de tu tema. Cambia el destino para ver otras proporciones.
Cómo poner y cambiar una imagen destacada en WordPress y Elementor.
La imagen destacada se asigna a la entrada, no al widget donde la muestras. Gutenberg, las plantillas de bloques y Elementor pueden renderizar esa misma imagen con estilos y resoluciones diferentes.
Abre la entrada.
En WordPress, ve a Entradas → Todas las entradas y edita el artículo. En el editor de bloques, abre la barra lateral de ajustes del documento.
Busca «Imagen destacada».
En la barra de ajustes de la entrada, selecciona la opción de imagen destacada y abre la Biblioteca de medios para subir o elegir un archivo.
Revisa el encuadre y el alt.
Comprueba si el diseño necesita 16:9, 1:1 o cualquier otra proporción. Escribe un texto alternativo descriptivo cuando la imagen aporta información.
Asigna la imagen.
Confirma «Establecer imagen destacada» o la opción equivalente que muestre tu versión de WordPress y guarda o actualiza la entrada.
Comprueba la portada y el post.
Abre la vista pública de la entrada y también el archivo del blog. Es habitual que cada plantilla utilice alturas y recortes distintos.
Verifica la vista previa social.
En Rank Math o Yoast, inspecciona la pestaña social. Puedes establecer otra imagen de 1200 × 630 px si no deseas el mismo encuadre.
Bloque «Imagen destacada»
En las plantillas de bloques, Imagen destacada de la entrada puede tener controles de proporción, anchura, altura y escala. El bloque no define un «tamaño WordPress oficial»: representa el recurso asociado al post en el diseño de tu sitio.
Si utilizas el editor del sitio, cambia primero una plantilla de pruebas. Modificar una plantilla compartida puede afectar a todas las entradas donde se aplica.
Widget «Featured Image»
En el Theme Builder de Elementor, el widget de imagen destacada recupera dinámicamente la imagen asignada a la entrada. Su campo Image Resolution permite elegir la versión cargada (thumbnail, full o personalizada), mientras que los controles visuales definen cómo se presenta.
No es lo mismo reducir la resolución del archivo que configurar un recorte CSS. Comprueba ambos controles al detectar desenfoque o cortes.
¿Dónde se cambia el tamaño predeterminado en WordPress?
En Ajustes → Medios puedes modificar las dimensiones asociadas a «miniatura», «medio» y «grande». Esos parámetros regulan versiones generadas o insertadas en el contenido; no hay un campo global llamado «tamaño obligatorio de imagen destacada». Para cambiar el tamaño usado en el blog quizá tengas que editar la plantilla, el tema o el widget de Elementor, y no solo los ajustes de medios.
¿Y si no aparece la opción «Imagen destacada»?
Verifica que estás editando una entrada o un tipo de contenido compatible y que la barra de ajustes está abierta. En temas clásicos y tipos de contenido personalizados es necesario que exista soporte para imágenes destacadas. En código se declara con add_theme_support('post-thumbnails'); si tu tema lo gestiona, no añadas cambios sin verificar primero. Ver soporte oficial ↗.
¿Es mejor editar el encuadre en Canva o directamente en WordPress?
Si la portada tiene diseño gráfico, textos o composición cuidada, trabaja una versión final de cada proporción en un editor como Canva, Figma o Photoshop. Si se trata de una fotografía, el recorte de WordPress puede ser suficiente siempre que el sujeto no esté demasiado cerca de los bordes. La elección depende de cuánto control necesitas: recortar automáticamente ahorra tiempo; componer cada formato da más precisión.
Imagen destacada, Open Graph y Google: tres funciones diferentes.
La imagen de la portada puede contribuir a explicar el tema, mejorar la lectura del artículo y representar el enlace cuando se comparte. Pero la imagen destacada de WordPress no es una etiqueta SEO por sí misma, ni garantiza que Google o las redes la seleccionen para su vista previa.
1200 × 630 px para compartir enlaces
Open Graph utiliza la etiqueta og:image para señalar una imagen representativa de la URL. 1200 × 630 px es una recomendación habitual de Rank Math y Yoast para las vistas previas sociales. Si la portada del blog es 16:9, considera preparar un recorte social independiente.
No añadas etiquetas og:image a mano dentro de Elementor si tu plugin SEO ya las gestiona: puede crear metadatos contradictorios.
Imágenes grandes y representativas
Google recomienda para Discover imágenes de al menos 1200 px de ancho, más de 300.000 píxeles totales, buena resolución y un encuadre apaisado adecuado; también recomienda permitir max-image-preview:large. Su guía menciona la proporción 16:9 y advierte que puede realizar recortes.
Una imagen de 1200 × 630 supera el umbral de anchura, pero no significa que Google vaya a mostrarla siempre o que el artículo tenga acceso garantizado a Discover.
¿Cómo elige Google la imagen que muestra en el resultado?
Google puede seleccionar imágenes en función del contenido de la página, el marcado disponible, el contexto y la idoneidad visual. Para orientarlo, utiliza una imagen claramente relacionada con el artículo, asegúrate de que Google pueda rastrear el recurso y, cuando proceda, define una imagen representativa en el marcado estructurado o en og:image. Una declaración correcta es una señal, no una obligación de mostrar exactamente esa miniatura.
Evita sustituir la fotografía relevante por un logo genérico o llenar la imagen de texto pequeño. En Google Imágenes también ayudan un nombre de archivo claro, una descripción alternativa útil y el contenido que rodea la imagen. Buenas prácticas de SEO para imágenes ↗.
Cómo escribir el texto alternativo de la imagen destacada
Describe qué muestra la imagen y qué aporta al contexto del artículo. Por ejemplo, para una captura del editor de WordPress: «Panel de la entrada de WordPress con la sección Imagen destacada abierta». Evita versiones artificiales como «imagen destacada WordPress tamaño imagen destacada WordPress SEO WordPress». Si la imagen es puramente decorativa, un alt="" puede ser más apropiado que una descripción repetitiva. El texto alternativo es sobre todo una herramienta de accesibilidad y comprensión del recurso.
¿La imagen destacada afecta al SEO?
No existe una fórmula del tipo «1200 × 675 = mejor posicionamiento». Lo que sí puede influir en la calidad técnica y editorial es que la imagen sea relevante, legible, accesible, rastreable y eficiente. Una portada excesivamente pesada puede perjudicar la experiencia de carga; una composición mal recortada comunica peor; y una imagen original útil puede diferenciar una guía frente a páginas que repiten la misma foto de stock.
canonical, metadatos y Schema —preferiblemente WordPress y tu plugin SEO— en lugar de duplicarlos dentro de un widget HTML.¿En qué se diferencia el tamaño del archivo de la imagen Open Graph?
| Concepto | Lo controla | Ejemplo | Qué debes revisar |
|---|---|---|---|
| Imagen destacada | Entrada de WordPress | 1200 × 675 px | La portada del artículo y los archivos. |
| Imagen social | Plugin SEO / Open Graph | 1200 × 630 px | El recorte al compartir la URL. |
| Variante servida | WordPress / tema / navegador | 768 o 1024 px de ancho, según disponibilidad | La resolución real que descarga el visitante. |
| Dimensiones visibles | CSS / plantilla / dispositivo | 400 × 225 px CSS | El espacio ocupado, el ratio y el posible recorte. |
Cómo optimizar el peso de una portada sin perder calidad.
Una imagen destacada suele aparecer cerca del inicio del artículo o en el listado del blog. En ese escenario puede afectar a la carga percibida, especialmente si es el elemento de mayor tamaño que ve inicialmente el usuario.
JPG, WebP, AVIF o PNG
Para fotografías, compara JPG con formatos eficientes como WebP o AVIF, cuando tu instalación, servidor y proceso de edición los admitan correctamente. Reserva PNG cuando la imagen o el flujo de producción lo justifiquen. No existe un único formato superior para todos los casos.
Menos bytes, mismo objetivo
No hay un máximo oficial universal en KB para la imagen destacada de WordPress. Como criterio editorial, intenta que una portada comprimida pese lo mínimo razonable: 100–250 KB puede ser un objetivo de trabajo orientativo en muchas fotografías, nunca una regla de aceptación.
No retrases la imagen principal
Si la portada es el elemento LCP visible al cargar la página, evita cargarla con loading="lazy". WordPress puede gestionar atributos como fetchpriority automáticamente, pero conviene comprobar el HTML final y medir con herramientas de rendimiento.
Qué hacen realmente srcset y sizes
WordPress ofrece imágenes responsivas desde hace años. El atributo srcset enumera distintas versiones del mismo recurso; sizes describe cuánto espacio ocupará aproximadamente en los distintos tamaños de pantalla. El navegador puede escoger la versión que necesita según anchura, densidad de píxeles y condiciones de visualización. Por eso un blog no necesita servir un archivo de 2000 píxeles a todas las miniaturas de 300 píxeles.
En un diseño de Elementor, una mala elección de Image Resolution puede cargar una versión muy pequeña que después se estira. A la inversa, forzar siempre «Full» para tarjetas diminutas puede generar descargas innecesarias si el HTML o la configuración del sitio no permiten elegir variantes adecuadas. Documentación de imágenes responsivas de WordPress ↗.
Imagen destacada y LCP: el error de cargarla demasiado tarde
La métrica Largest Contentful Paint evalúa cuándo aparece el contenido principal más grande en la parte visible de la página. Si esa pieza es la imagen destacada, retrasar su descubrimiento mediante JavaScript, colocarla como fondo CSS no prioritario o aplicar carga diferida puede empeorar la métrica. Evita decisiones globales del tipo «todas las imágenes del sitio en lazy load» y mide qué sucede en cada plantilla. Guía de optimización de LCP ↗.
¿Cómo sé qué archivo se está cargando?
Abre el artículo en Chrome, pulsa F12 → Network, filtra por imágenes y recarga. Observa el recurso realmente transferido, su peso y sus dimensiones. En el inspector HTML revisa src, srcset, sizes, loading, fetchpriority y los estilos que determinan la altura de la tarjeta. Complementa la revisión con PageSpeed Insights y Search Console; no basta con mirar las dimensiones declaradas en la Biblioteca de medios.
Personalizar la imagen destacada con código WordPress.
Si administras el tema y necesitas una medida específica para el blog, puedes registrar un tamaño de imagen propio. Estas instrucciones son de PHP del tema o plugin: no debes pegarlas en un widget HTML de Elementor.
1. Registrar una medida específica de 1200 × 675 px
add_action( 'after_setup_theme', function () {
add_theme_support( 'post-thumbnails' );
add_image_size( 'blog-portada-16-9', 1200, 675, true );
} );El último parámetro, true, indica recorte fijo. Si la imagen original no tiene la misma proporción, WordPress intentará generar la versión de 1200 × 675 recortando cuando el archivo tenga resolución suficiente. No amplía mágicamente una imagen pequeña, y registrar la medida no cambia por sí solo el diseño de Elementor o la plantilla.
2. Mostrar la medida en la plantilla
if ( has_post_thumbnail() ) {
the_post_thumbnail( 'blog-portada-16-9', array(
'class' => 'blog-portada',
'sizes' => '(max-width: 767px) 100vw, 800px',
) );
}La regla sizes es solo un ejemplo y debe ajustarse a la anchura real del componente. No fuerces loading="lazy" en una imagen principal que pueda ser LCP. Si la plantilla gestiona automáticamente la optimización, prueba su salida antes de sobrescribir atributos.
3. Definir cómo encaja en una tarjeta
.blog-portada {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
object-position: center;
}Este CSS dibuja la portada en 16:9 conservando las proporciones del recurso y recortando si es necesario. Si el tema impone estilos de mayor especificidad o un contenedor propio, revisa esa estructura antes de añadir reglas. Un aspect-ratio en CSS no genera un nuevo archivo de imagen.
4. Comprobar si necesitas regenerar miniaturas
Si registras el tamaño después de haber subido fotografías antiguas, esas imágenes no tendrán necesariamente la nueva variante. Realiza una copia de seguridad y utiliza un proceso de regeneración compatible con tu instalación. Para verificarlo, inspecciona la Biblioteca de medios, el HTML y la URL servida. Evita cambiar el tema padre directamente: las actualizaciones pueden sobrescribir los ajustes.
add_image_size() registra una versión recortada o redimensionada que WordPress puede generar. the_post_thumbnail() solicita qué versión debe mostrarse. object-fit decide cómo se encaja visualmente. Son tres niveles diferentes que no conviene resolver con un único ajuste. API de WordPress ↗.Las portadas web se miden en píxeles.
Para pasar de píxeles a centímetros necesitas fijar una densidad de referencia: cm = px ÷ PPP × 2,54. Una imagen de 1200 × 675 px equivaldría matemáticamente a 31,75 × 17,86 cm a 96 ppp. Es una conversión nominal, no su tamaño físico universal en pantalla.
No necesitas «300 DPI para WordPress».
Los 300 ppp tienen sentido en muchos contextos de impresión. Para web importa la resolución en píxeles, el tamaño visible y el peso. Cambiar el metadato de una fotografía de 72 a 300 DPI sin añadir píxeles no mejora su detalle en pantalla.
Errores habituales de la imagen destacada y cómo evitarlos.
Comprueba estos puntos antes de cambiar decenas de portadas de tu blog o dar por terminado un rediseño.
La portada aparece cortada.
Comprueba el ratio del contenedor, object-fit:cover y la posición focal. No atribuyas siempre el problema al archivo original.
La imagen se ve pixelada.
Revisa qué versión carga realmente Elementor o el tema, la densidad de pantalla y si se está ampliando una miniatura demasiado pequeña.
WhatsApp o Facebook muestra otra imagen.
Verifica og:image, su URL pública, cachés y configuración social. La portada de WordPress no es automáticamente una garantía.
La imagen ralentiza el artículo.
Comprime, compara formatos y revisa srcset. No apliques carga diferida a una imagen crítica para LCP.
No aparece «Imagen destacada».
Abre la barra de ajustes y confirma que el tipo de contenido y el tema soportan imágenes destacadas.
Sale dos veces la misma portada.
Revisa si el tema ya la muestra automáticamente y si Elementor añade un segundo widget Featured Image dentro de Single Post.
El nombre de archivo no describe nada.
Usa nombres claros y un alt útil en contexto. No metas la misma palabra clave repetida en todos los campos.
Las entradas antiguas no cambian.
Tras registrar nuevas variantes, puede ser necesario regenerar miniaturas y limpiar cachés. Haz antes copia de seguridad.
Respuestas sobre las medidas de imágenes destacadas en WordPress.
Estas dudas reúnen los problemas más habituales al preparar una portada, configurarla en el editor o resolver recortes e imágenes borrosas.
¿Hay diferencia entre 1200 × 628 y 1200 × 630 píxeles?
Sí, son archivos con dos píxeles de diferencia en altura. Ambas son proporciones panorámicas muy cercanas a 1,91:1, pero no idénticas. Para una imagen Open Graph suele utilizarse 1200 × 630 según Rank Math y Yoast. Para WordPress no existe obligación de utilizar ninguna de las dos.
¿Qué tamaño debe tener una imagen destacada en WordPress?
No hay una medida universal obligatoria. Para una portada 16:9 puedes partir de 1200 × 675 px, siempre que tu tema utilice ese ratio. Si tus tarjetas son 4:3, 1:1 u otro formato, prepara una versión adecuada al contenedor. Los tamaños son recomendaciones de producción, no reglas de WordPress.
¿Es mejor 1200 × 630 o 1200 × 675 píxeles?
1200 × 630 es una referencia habitual para Open Graph y vistas previas sociales; 1200 × 675 corresponde a 16:9 y puede resultar apropiado para portadas editoriales. Si necesitas máxima precisión en ambos espacios, usa una composición específica para cada uno.
¿Cuál es el tamaño recomendado de la imagen destacada para un blog?
Empieza comprobando el ratio real de tus tarjetas. Para una plantilla horizontal 16:9, 1200 × 675 px suele ser una base razonable. Una cabecera a pantalla ancha puede justificar una imagen de mayor resolución, mientras que una tarjeta pequeña puede utilizar una versión reducida generada por WordPress.
¿Cuánto debe pesar una imagen destacada?
WordPress no establece un límite de peso idéntico para todas las webs: influyen el servidor y la configuración de subida. Como objetivo práctico de optimización, una portada fotográfica comprimida alrededor de 100–250 KB puede ser un buen punto de partida, pero el tamaño final depende del contenido visual y del formato.
¿Cómo cambiar el tamaño de la imagen destacada sin recortarla?
Utiliza un ratio acorde con el contenedor o un ajuste visual tipo contain, que muestra la imagen completa. Si el diseño exige llenar un espacio con otra proporción, tendrás márgenes o necesitarás un recorte. Comprueba también si el tema crea versiones recortadas físicamente.
¿Por qué se corta la imagen destacada en Elementor?
Puede que el widget de imagen, la tarjeta de entradas o el contenedor utilice una proporción distinta y un modo cover. Ajusta la relación de aspecto, la altura y la posición de la imagen, o crea una composición específica. El selector Image Resolution controla la versión cargada y no resuelve por sí solo el recorte.
¿Cuál es el tamaño de la imagen destacada de Elementor?
Elementor no obliga a un tamaño único. El widget Featured Image puede solicitar distintas resoluciones y presentar el recurso en un contenedor con medidas propias. La recomendación cambia según si se utiliza en Single Post, tarjetas de un listado o una cabecera personalizada.
¿Qué medida debe tener una imagen destacada para Google Discover?
Google recomienda imágenes relevantes de al menos 1200 píxeles de ancho, con más de 300.000 píxeles totales y buena calidad, además de permitir vistas previas grandes mediante max-image-preview:large o AMP. Su guía destaca el uso horizontal y los recortes 16:9; cumplirlo no garantiza aparecer en Discover.
¿Qué tamaño de imagen funciona al compartir un enlace de WordPress?
1200 × 630 px es la referencia frecuente para una imagen Open Graph de enlace. Lo determinante es que el sitio emita correctamente og:image y que el servicio que genera la vista previa pueda acceder al archivo. Comprueba esa configuración en Rank Math, Yoast o el sistema que uses.
¿Por qué WhatsApp no muestra la imagen destacada correcta?
Puede estar utilizando una imagen Open Graph diferente, una versión anterior en caché o una URL inaccesible. Verifica los metadatos de la página, que la imagen sea pública y que no exista duplicidad de etiquetas OG. Las actualizaciones de vista previa pueden tardar en reflejarse.
¿Qué formato conviene usar: JPG, PNG, WebP o AVIF?
Para fotografía, JPG, WebP o AVIF pueden dar buenos resultados según el contenido, el soporte del sitio y la compresión disponible. PNG es útil para gráficos que lo requieren, aunque no siempre será el más ligero. Comprueba también la compatibilidad con las vistas previas sociales si utilizas una imagen OG separada.
¿Una imagen de 800 × 800 sirve para la portada de un artículo?
Sí, si la plantilla muestra una tarjeta cuadrada y la resolución es suficiente para el tamaño visible. Para una cabecera horizontal grande podría obligar a recortar o ampliar, así que no conviene escoger 800 × 800 como norma de todo el blog.
¿Por qué WordPress crea imágenes de 150, 300 y 1024 píxeles?
Son tamaños intermedios tradicionales que WordPress utiliza para servir imágenes adaptadas a distintos espacios. Pueden modificarse en Ajustes → Medios y ampliarse mediante temas o plugins. No significan que tu imagen destacada original tenga que medir solo 150 × 150 píxeles.
¿Cómo regenerar las miniaturas después de cambiar el tema?
Haz una copia de seguridad y utiliza un procedimiento de regeneración compatible con tu instalación. Los tamaños registrados nuevos pueden no existir en los archivos antiguos hasta que se procesen de nuevo. Revisa después el HTML y las URL de imagen servidas.
¿Cuántos DPI debe tener la imagen destacada?
No existe un DPI obligatorio para las portadas web. Trabaja con las dimensiones en píxeles, una compresión apropiada y el ratio del diseño. El valor DPI o PPP es relevante para convertir nominalmente a medidas físicas, pero no mejora una imagen web sin cambiar su resolución real.
¿Dónde se configura la imagen destacada de WordPress?
En el editor de la entrada, abre la barra lateral de ajustes y localiza Imagen destacada. Puedes subir una fotografía a la Biblioteca de medios o elegir una existente. Para cambiar su modo de visualización debes editar el tema, la plantilla de bloques o el widget de Elementor.
¿Es obligatorio que la imagen destacada aparezca dentro del post?
No. La imagen queda asociada a la entrada, pero el tema decide si la muestra en el encabezado, en los archivos, en ambos lugares o solo la utiliza como recurso interno. Si aparece duplicada, revisa el tema y la plantilla de entrada antes de añadir otra imagen manualmente.
¿Puedo descargar plantillas gratuitas de medidas de WordPress?
Sí. En la tabla y en el generador de esta página puedes descargar lienzos PNG con dimensiones exactas para 16:9, Open Graph, tarjetas cuadradas, 4:3 y otros formatos. Son guías de composición: crea y exporta la portada final sin las marcas de la plantilla.
Referencias oficiales y criterio editorial.
Guía revisada el 14 de octubre de 2026. Se han contrastado funciones de WordPress, controles de Elementor y recomendaciones de Google. Las cifras de resoluciones propuestas para las portadas son criterios de producción; se distinguen de los valores documentados como requisitos o recomendaciones oficiales.
Acerca del artículo
Esta guía está elaborada para Roger Llorens, con un enfoque de diseño web, SEO y producción editorial. La intención es resolver una consulta práctica: elegir un tamaño correcto, comprender cómo WordPress lo gestiona y evitar trabajo duplicado al preparar versiones para portada y redes sociales. Las herramientas se ejecutan localmente y no sustituyen la comprobación dentro de tu WordPress.
Las dimensiones no son una promesa de posicionamiento. Para mejorar las posibilidades de que una página responda bien a las búsquedas hace falta combinar información útil, experiencia real, imágenes relevantes, buena accesibilidad, enlazado interno, rastreabilidad y una correcta ejecución técnica.
