Tamaño correcto de imágenes WordPress
En este artículo aprenderás que tamaño de imagen aplicar en cada sección dependiendo de la cantidad de columnas en la fila. Las imágenes se deben optimizar antes de subirlas a la biblioteca de WordPress.
¿De qué tamaño deben ser las imágenes para subirlas a mi página?
Para imagen de fondo:
- Ancho máximo: 1280x720 píxeles.
Para 1 columna:
- Ancho máximo: 950 píxeles de ancho máximo
- Alto: variable, manteniendo la proporción
Para 2 columnas:
- Ancho máximo: 500 píxeles de ancho máximo
- Alto: variable, manteniendo la proporción
Para 3 columnas:
- Ancho máximo: 370 píxeles
- Alto: variable, manteniendo la proporción
Para 4 columnas:
- Ancho máximo: 300 píxeles
- Alto: variable, manteniendo la proporción
Para imágenes de testimonios:
- Generalmente cuadradas
- Tamaño recomendado: 400x400 píxeles
Para iconos:
- Preferiblemente en formato PNG o SVG
- Tamaño recomendado: 100x100 píxeles
¿Dónde conseguir imágenes libres de derechos de autor
- Canva
- Pexels
- Pixabay
- Unsplash
Paso a paso cómo optimizar las imágenes para landing pages en WordPress
1. Selecciona la imagen que deseas usar.
2. Redimensiona la imagen:
- Para una columna: 950px de ancho máximo
- Para dos columnas: 500px de ancho máximo
- Usa herramientas como iloveimg.com para redimensionar
3. Comprime la imagen:
- Usa iloveimg.com o tinypng.com
- Busca reducir el peso a menos de 100KB
4. Renombra el archivo:
- Usa nombres descriptivos en minúsculas
- Evita símbolos o números aleatorios
5. Sube la imagen a WordPress:
- Ve a "Medios" > "Añadir nuevo"
- O súbela directamente desde el editor de páginas
6. Optimiza el SEO de la imagen:
- Añade texto alternativo descriptivo
- Usa títulos relevantes
7. Inserta la imagen en tu landing page usando el constructor que prefieras (como Divi)
Consideraciones de optimización:
- Comprimir las imágenes para que pesen menos de 100 KB
- Usar formatos como JPG, PNG o WebP
- Mantener la relación de aspecto al redimensionar
Convertir imágenes a Webp
Usa los siguientes enlaces para convertir tu imagen jpg o png a WEBP, ambas de funcionan bien, pero yo uso más la primera, aunque tiene límites de conversión, la segunda es sin límites.
En resumen
Es importante redimensionar y comprimir las imágenes antes de subirlas a WordPress para mejorar el rendimiento y la velocidad de carga del sitio. Herramientas como iloveimg.com pueden ayudarte con este proceso.
- Elige tu imagen a optimizar
- Redimensiona su tamaño
- Comprime la imagen con ilovepng
- Convierte a Webp
Deja una respuesta