Saltar al contenido
Referencia

Chuleta de tamaños de imagen de WordPress

La referencia definitiva de los tamaños de imagen de WordPress: cada tamaño registrado y sus dimensiones reales, cuáles aplican recorte forzado, el umbral de 2560px para la versión -scaled, los tamaños de WooCommerce y qué subir para cada propósito.

Míralo en tu propia imagen: abre el Image Size Lab

Tamaños del núcleo

Registrados en toda instalación estándar de WordPress.

Nombre Tamaño Recorte ¿Editable en el administrador?
thumbnail 150 × 150 recorte forzado Settings → Media
medium 300 × 300 ajuste Settings → Media
medium_large 768w ajuste Sin interfaz
large 1024 × 1024 ajuste Settings → Media
1536x1536 1536 × 1536 ajuste Sin interfaz
2048x2048 2048 × 2048 ajuste Sin interfaz

medium_large (768w) y los dos tamaños retina no tienen ninguna interfaz en el administrador: no sabrías que existen desde el escritorio. Y cualquier subida de más de 2560px en su lado más largo también obtiene una copia -scaled, que WordPress sirve entonces en lugar de tu original.

Tamaños de WooCommerce

Se añaden cuando WooCommerce está activo. Configúralos en Appearance → Customize → WooCommerce → Product Images. Los valores predeterminados han cambiado entre versiones de Woo, así que tómalos como indicativos y revisa tu propia instalación.

woocommerce_thumbnail 300 × 300 recorte forzado
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 recorte forzado

Qué subir realmente

Guía según el propósito: no son tamaños registrados, solo dimensiones de origen sensatas.

Imagen destacada 1200 × 630

Cubre la proporción para compartir en redes y se reduce sin problemas para su uso dentro del tema. La opción predeterminada más segura.

Hero a ancho completo 1920 × 1080

Lo bastante ancho para pantallas grandes y por debajo del umbral -scaled de 2560px, de modo que tu original se sirve tal cual.

Imagen dentro del contenido 1200 wide

Coincide con el rango medium_large / large que la mayoría de los temas muestran realmente.

Logo 512 × 512

Súbelo más grande de lo que lo muestras; WordPress lo reduce sin problemas, nunca lo amplía.

Icono del sitio (favicon) 512 × 512

WordPress requiere un mínimo de 512 × 512 y lo recorta en cuadrado.

Imagen social / OG 1200 × 630

La proporción 1.91:1 que esperan Facebook, LinkedIn y X. WordPress no la genera; tu plugin de SEO elige el tamaño más cercano.

Errores comunes y su verdadera causa

La imagen se ve borrosa después de subirla

Causa: Tu imagen superaba los 2560px en su lado más largo, así que WordPress creó una copia "-scaled" y la sirve en lugar de tu original.

Solución: Desactiva o aumenta el big_image_size_threshold, o sube imágenes de menos de 2560px.

La miniatura thumbnail corta las cabezas

Causa: thumbnail recorta de forma forzada a un cuadrado de 150 × 150 de manera predeterminada, con recorte centrado: cualquier cosa descentrada se corta.

Solución: Sube la imagen con el sujeto centrado, o registra un tamaño personalizado con un recorte diferente.

La carpeta de subidas es enorme

Causa: WordPress guarda un archivo por cada tamaño registrado. El núcleo genera 6 más el original; un tema y WooCommerce añaden más.

Solución: Deja de generar los tamaños que no usas con intermediate_image_sizes_advanced.

Falta la versión large / 1536 / 2048

Causa: WordPress nunca amplía. Si tu subida es más pequeña que un tamaño, ese tamaño simplemente no se genera.

Solución: Sube una imagen de origen más grande.

Las imágenes adaptables (srcset) se ven de baja calidad

Causa: Se eliminó un tamaño del que depende srcset, normalmente medium_large (768w).

Solución: Conserva medium_large; existe principalmente para alimentar srcset.