¿Quieres aprender todo lo que necesitas saber sobre los tamaños de imágenes en WordPress? A menudo, los más principiantes nos preguntan qué tamaños de imagen deberían usar en sus páginas de WordPress, o cómo WordPress maneja las imágenes y sus tamaños en cada caso. Por eso, hemos preparado esta breve guía con la que te explicaremos todo lo que necesitas conocer sobre los tamaños de imágenes para tu web. ¡Empieza a tomar nota!
¿Qué tamaño deben tener mis imágenes para mi sitio de WordPress?
Para un sitio web cualquiera de WordPress, se utilizan imágenes en varias áreas de la web: imágenes para las publicaciones de tu blog, miniaturas, encabezados de página, imágenes de portada y más.
WordPress maneja automáticamente algunos de los tamaños de archivo de imagen de forma predeterminada. Debes saber que cada vez que cargues una imagen al apartado de Medios, automáticamente se harán varias copias de la misma en diferentes tamaños.
Puedes ver, e incluso ajustar los tamaños de imagen predeterminados de WordPress, visitando la página Ajustes» Medios en el área de administración de WordPress.
Verás tres tamaños para miniatura, medio y grande.
Sin embargo, el tema de WordPress que tengas instalado también puede crear sus propios tamaños de imagen adicionales y usarlos para diferentes secciones de tu sitio.
Estos tamaños no estarán visibles en “Multimedia”, y la única forma de verlos es yendo al Administrador de archivos en tu cuenta de alojamiento de WordPress, después, busca la carpeta /wp-content/uploads/ y selecciona cualquier año. Esto te ayudará a ver todos los tamaños de imagen que genera tu sitio de WordPress.
Dicho esto, echemos un vistazo a las diferentes áreas de su sitio web y qué tamaños de imagen debes usar en cada una de ellas.
¿Qué tamaños de imagen usar en las publicaciones de blog?
Como normal general, debes elegir el tamaño de la imagen para las publicaciones de tu blog en función de tu tema de WordPress. Por ejemplo, algunos temas de WordPress vienen con un diseño de una sola columna que te permite usar imágenes más anchas.
Por otro lado, algunos temas de WordPress usan diseños de varias columnas (contenido + sidebar o barra lateral), lo que significa que debes ajustar el ancho de la imagen en consecuencia.
Para la mayoría de los blogs, puedes utilizar los siguientes tamaños de imagen:
- Diseño de una sola columna: 1200 × 675
- Diseño de dos columnas: 680 × 382
Puedes notar que muchos sitios web populares de WordPress usan el mismo ancho de imagen para todas sus imágenes dentro de un artículo. Sin embargo, esta no es una regla obligada.
Cuando utilices imágenes cuadradas, simplemente debes asegurarte de que las dimensiones de la imagen tengan el mismo ancho y alto, como por ejemplo 300 x 300 píxeles.
¿Qué tamaños de imagen usar para las imágenes destacadas?
Las imágenes destacadas, también llamadas miniaturas de las publicaciones, son una característica del tema de WordPress. Eso significa que tu tema determinará qué tamaño de imágenes mostrar.
Por ejemplo, algunos temas de WordPress pueden usar una relación de aspecto estándar de 16:9 para los tamaños de imagen destacados (por ejemplo, 680 × 382 píxeles).
Algunos otros temas de WordPress también pueden usar la imagen destacada como una imagen de encabezado más grande. Para hacer eso, es posible que necesites imágenes más grandes (como 1200 × 675).
Las imágenes destacadas son importantes, ya que tu tema de WordPress puede usarlas en diferentes áreas de su sitio web. Suelen ser lo primero que ven tus visitantes, por lo que querrás dar una buena primera impresión.
Recomendamos usar imágenes grandes, para que siempre se vean bien: ya sea que se reduzcan o se usen en modos más amplios.
De manera similar, si tu tema de WordPress usa imágenes cuadradas para la imagen destacada, te recomendamos que uses imágenes que tengan al menos 600 × 600 píxeles.
- Para temas que usan imágenes destacadas rectangulares: 1200 × 687 píxeles
- Para temas que usan imágenes destacadas cuadradas: 600 × 600 píxeles
Tu tema de WordPress generará tamaños adicionales para que las imágenes destacadas se usen en diferentes áreas, como la página de inicio o la página del blog.
Qué tamaño de imagen usar para el logotipo principal de tu sitio web en WordPress
Muchos temas de WordPress te permitirán saber qué tamaño de imagen debes usar para el logotipo de tu sitio web.
Sin embargo, si está utilizando un tema de WordPress más nuevo con la función de edición completa del sitio, es posible que no obtengas una recomendación para el tamaño de la imagen del logotipo.
En ese caso, te recomendamos subir diferentes estilos y tamaños para ver cuál se ve mejor para tu marca. Un tamaño de imagen de logotipo de 300 × 200 píxeles puede ser un buen punto de partida.
Edición de imágenes para su sitio web de WordPress
La mayoría de los usuarios de WordPress no son diseñadores gráficos de profesión. Sin embargo, deberás usar un software de edición de imágenes para crear tamaños de imagen para tu sitio web de WordPress.
El propio WordPress viene con algunas herramientas básicas de edición de imágenes. Para usarlos, simplemente ve a la página Medios» Biblioteca y haz clic en una imagen.
Esto abrirá la imagen en una ventana emergente donde verás un botón para editar la imagen. Después, se abrirán las opciones de edición.
Las herramientas incluyen el cambio de tamaño básico de la imagen, recorte, rotación y giro de la imagen.
Esta edición básica de imágenes es útil si necesitas corregir cualquier imagen rápidamente. Sin embargo, no es la mejor forma de editar tus imágenes en el día a día.
Afortunadamente, hay varias opciones gratuitas que puedes usar para editar tus imágenes:
- Canva: software online gratuito. También incluye plantillas listas para usar, perfectas para sitios web, logotipos, imágenes de redes sociales y más.
- Pixlr : un software gratuito de edición online. Se puede usar para cambiar fácilmente el tamaño de las imágenes para las publicaciones de tu blog.
- Gimp : software de edición de imágenes gratuito y de código abierto. Funciona como una aplicación de escritorio. Se puede usar para cambiar el tamaño de las imágenes, agregar capas de texto, editar fotos, y muchas cosas más.
Y en términos generales, estos son los tamaños de imágenes para WordPress que debes conocer. ¿Tienes claros los tamaños que debes utilizar en tu web de WordPress? ¿Tienes algunas duda que podamos resolver? ¡Cuéntanos en comentarios!
