Imágenes en WordPress: Resolución, DPI y velocidad explicadas
Las imágenes en WordPress juegan un papel fundamental en la imagen profesional y confiable de tu sitio web. También son una de las causas más comunes de la lentitud de un sitio web en WordPress, especialmente en dispositivos móviles. Resoluciones incorrectas, DPI excesivamente altos o archivos sin comprimir hacen que las páginas carguen más lentamente y bajen su posicionamiento en Google.
En las preguntas frecuentes a continuación, explicamos paso a paso cómo preparar, editar y guardar imágenes para WordPress. Así, sabrá exactamente qué ajustes usar, por qué son importantes y cómo garantizar imágenes nítidas y un sitio web rápido.
Todo lo que necesitas saber sobre las imágenes en WordPress
¿Qué es la resolución de la imagen?
La resolución de imagen se refiere al tamaño de una imagen en píxeles. Los píxeles son los pequeños puntos que componen una imagen.
Por ejemplo:
1200 × 900 píxeles significa 1200 píxeles de ancho y 900 píxeles de alto.
Cuantos más píxeles tenga, más nítida será la imagen.
Sin embargo, demasiados píxeles hacen que una imagen sea innecesariamente pesada.
¿Por qué es esto importante?
Si carga una imagen mucho más grande de lo necesario, el navegador deberá:
- Descargar más datos
- Utilice más potencia de procesamiento
- Carga más prolongada en el móvil
Esto da como resultado una mala experiencia de usuario y puntuaciones más bajas en Google.
¿Qué resolución estás usando en WordPress?
WordPress escala automáticamente las imágenes, pero la imagen de origen debe ser correcta.
Resoluciones recomendadas
Imagen destacada: 1200 × 900 píxeles
Por qué: Suficientemente grande para blogs y redes sociales, pero no demasiado pesada.
Imágenes en texto: de 800 a 1200 píxeles de ancho.
Por qué: Normalmente no se muestran en pantalla completa.
Encabezados o banners: 1920 × 1080 píxeles
Por qué: Suelen ocupar todo el ancho de la pantalla.
¿Qué es DPI (y por qué es importante en línea)?
DPI significa puntos por pulgada e indica cuántos puntos hay en una pulgada. Mucha gente piensa: «Los DPI no importan en línea». Esto es parcialmente incorrecto.
¿Qué es correcto?
- Las pantallas muestran píxeles, no DPI
- Una pantalla no ve la diferencia entre 72 y 300 DPI
¿Qué es importante?
- 300 DPI hace que los archivos sean mucho más pesados
- Los archivos más grandes se cargan más lentamente
- Este es un gran problema, especialmente en los dispositivos móviles.
300 DPI está pensado para impresión, no para sitios web.
La mejor configuración de DPI para sitios web
72 DPI → ideal para WordPress y sitios web
96 DPI → también está bien (para pantallas modernas)
300 DPI → solo para impresión, nunca para online
Por qué 72 DPI es mejor:
- Tiempo de carga más rápido
- Menor uso de datos para visitantes móviles
- Mejores Core Web Vitals
- Influencia positiva en el SEO
Tipo de archivo: ¿JPG o PNG?
JPG (recomendado)
- Archivos más pequeños
- Perfecto para fotos
- Carga más rápida
PNG (solo cuando sea necesario)
- Archivo más grande
- Adecuado para transparencias o logotipos.
Utilice PNG sólo si realmente necesita transparencia.
Tamaño del archivo: ¿Qué tan pequeño es bueno?
Incluso con la resolución y DPI correctos, una imagen puede resultar demasiado pesada.
Pautas:
- Máximo 200–300 KB por imagen
- Para banners preferiblemente menores a 400 KB
¿Por qué?
- A Google le gustan las páginas rápidas
- Los visitantes abandonan los sitios lentos
- Internet móvil suele ser más lento
Preeditar y comprimir imágenes
Edita siempre tus imágenes previamente en un programa como Photoshop, GIMP o incluso Paint. Allí podrás redimensionar y comprimir la imagen antes de subirla a WordPress.
Por qué esto es importante:
- Tienes control total sobre la calidad y el tamaño del archivo.
- Las imágenes se vuelven más brillantes y se cargan más rápido.
- Su sitio web se mantiene rápido en dispositivos móviles
- Menos dependiente de los complementos
Guarde las imágenes como JPG, configure la calidad entre 70 y 80 % y utilice 72 DPI.
¿Por qué no confiar simplemente en complementos de compresión?
Los complementos de compresión pueden ayudar, pero:
- Solo editan después de subir
- Dan menos control sobre la calidad
- Pueden suponer una carga extra pesada para su sitio web.
El preprocesamiento + ahorro inteligente es siempre la mejor base.
Por qué esto es importante para el SEO
Google analiza:
- Laadsnelheid
- Rendimiento móvil
- Experiencia de usuario
Imágenes demasiado pesadas:
- Baja tu posición en Google
- Garantizar tasas de rebote más altas
Imágenes bien optimizadas:
- Cargar más rápido
- Mejora tu SEO
- Garantizar la satisfacción de los visitantes
Consejos adicionales de WordPress
- Dale a las imágenes un nombre de archivo claro
(por ejemplo, woocommerce-webshop-image.jpg) - Complete siempre el texto alternativo de las imágenes
- Preeditar y comprimir imágenes
- Nunca cargues imágenes directamente desde una cámara
En breve
- Primera edición de imágenes en Photoshop, GIMP o Paint
- Establecer dimensiones correctas
- Guardar con compresión (JPG, 72 DPI)
- Luego subirlo a WordPress
De esta manera, su sitio web de WordPress permanecerá rápido, profesional y fácil de encontrar.
Preguntas frecuentes sobre imágenes en WordPress
¿Cuál es la mejor resolución para las imágenes en WordPress?
La mejor resolución para WordPress suele estar entre 800 y 1200 píxeles de ancho. Para banners o encabezados, 1920 × 1080 píxeles es la adecuada.
¿Qué DPI debo utilizar para las imágenes de un sitio web?
Para sitios web, use 72 DPI. Valores más altos, como 300 DPI, hacen que las imágenes sean innecesariamente grandes y ralentizan la carga.
¿Por qué 300 DPI son malos para los sitios web?
300 DPI está diseñado para impresión. En línea, resulta en archivos de mayor tamaño, menor rendimiento en dispositivos móviles y un impacto negativo en el SEO.
¿El DPI afecta la nitidez de las imágenes en línea?
No, en línea, la cantidad de píxeles determina la nitidez. El DPI afecta principalmente el tamaño del archivo, no la nitidez de la imagen en pantalla.
¿Cuál es la diferencia entre resolución y DPI?
La resolución determina el tamaño de una imagen en píxeles. Los DPI determinan la cantidad de puntos por pulgada y afectan principalmente al tamaño del archivo.
¿Necesito editar las imágenes antes de subirlas a WordPress?
Sí, es muy recomendable editar previamente las imágenes en programas como Photoshop, GIMP o Paint. Esto te permite controlar el tamaño y la calidad.
¿Por qué es mejor la precompresión que simplemente usar un complemento?
La precompresión produce archivos más pequeños y de mejor calidad. Los plugins solo funcionan después de la carga y ofrecen menos control sobre el resultado final.
¿Qué tamaño de archivo es ideal para las imágenes de WordPress?
Lo ideal es que una imagen pese menos de 200 a 300 KB. De esta manera, tu sitio web cargará más rápido y tendrá un mejor rendimiento en dispositivos móviles.
¿Qué formato de archivo es mejor para WordPress: JPG o PNG?
JPG es mejor para fotos por su menor tamaño de archivo. PNG solo se usa cuando se necesita transparencia, como en el caso de los logotipos.
¿Las imágenes afectan el SEO y la velocidad de carga?
Sí, las imágenes grandes ralentizan tu sitio web y perjudican tu SEO. Las imágenes optimizadas mejoran la velocidad de carga, la experiencia del usuario y el posicionamiento en Google.