Tamaños de imagen WordPress: Cómo funcionan las imágenes en WordPress y las mejores prácticas para tu sitio web

Maddy Osman
7 min.
Mejores tamaños de imágenes WordPress

Con WordPress es fácil añadir imágenes a los posts y páginas de tu blog, pero para que estas imágenes se vean bien, debes elegir el tamaño de imagen adecuado. De eso hablamos hoy: tamaños de imagen WordPress.

Es importante saber cómo funcionan los tamaños de las imágenes en los sitios web WordPress y cómo se pueden añadir tamaños de imagen personalizados a tu sitio web. Así podrás utilizar el tipo de archivo de imagen más apropiado, con el tamaño y el lugar adecuados. 

El tamaño adecuado de las imágenes no solo hace que tu sitio web tenga un aspecto más coherente, sino que también hace que los posts de tu blog sean más fáciles de compartir. Aprende a utilizar los tamaños de imagen adecuados para tu sitio web WordPress en este artículo.

En este post tratamos los siguientes temas: 

  • Cómo WordPress gestiona las imágenes que subes
  • cómo redimensionar y editar imágenes en WordPress
  • los mejores tamaños de imagen para WordPress
  • Mejores prácticas para tamaños de imagen WordPress
  • cómo añadir tamaños de imagen personalizados en WordPress
  • Conclusión sobre tamaños de imágenes y mejores prácticas generales en WordPress

Cómo WordPress gestiona las imágenes que subes

Como ya se ha mencionado, el tamaño de la imagen es importante para WordPress. Si eliges el tamaño incorrecto, tus imágenes se verán borrosas. Aún peor, si las imágenes son demasiado grandes, pueden ralentizar tu sitio web.

El tamaño incorrecto de las imágenes también puede estropear el diseño de tu sitio o de los posts de tu blog y provocar un desplazamiento lateral innecesario. La buena noticia es que WordPress tiene un ajuste incorporado para ayudarte a evitar estos problemas

Tamaño de imágenes WordPress

  • Tamaño de la miniatura: 150 x 150 píxeles
  • Tamaño medio: 300 x 300 píxeles 
  • Tamaño máximo: 1024 x 1024 píxeles
  • Tamaño completo: se corresponde con el tamaño original de la imagen cargada por defecto.

Al cargar una imagen en WordPress ,estos cuatro tamaños de imagen diferentes se crean por defecto. 

La razón por la que WordPress crea estos tamaños de imagen es doble. En primer lugar, no es necesario cambiar el tamaño de las imágenes manualmente. En segundo lugar, garantiza la selección del tamaño de imagen adecuado para los distintos lugares de tu sitio web. 

Por ejemplo,WordPress muestra las miniaturas de una lista de entradas del blog en un widget de la barra lateral o del pie de página. Sin embargo, una imagen que vaya a aparecer en el encabezado en el propio post debe ser más grande. Por lo tanto, WordPress selecciona uno de los tamaños de imagen más grandes para garantizar que la imagen se pueda ver con claridad. 

De este modo, si quieres utilizar la misma imagen en diferentes lugares de tu web, no tienes que perder el tiempo redimensionándola manualmente o recordando qué tamaño de imagen necesitas. Solo tienes que subir una imagen; WordPress se encargará del resto. 

Cómo redimensionar y editar imágenes en WordPress

Con WordPress podrás cambiar el tamaño de las imágenes estándar dentro de WordPress. Solo necesitas unos pocos clics y tendrás los tamaños de las imágenes configurados en un abrir y cerrar de ojos. 

Para cambiar los tamaños de imagen por defecto, ve a Configuración > Galería. Como se puede ver en la captura de pantalla, todos los tamaños de imagen por defecto se enumeran allí. Puedes ajustarlos fácilmente introduciendo tus dimensiones preferidas.

Tamaños de imagen estándar en WordPress
Tamaños de imagen estándar en WordPress

Cuando haya ajustado los tamaños estándar de las imágenes de WordPress a las dimensiones preferidas de tu , haga clic en Guardar cambios. En el futuro, todas las imágenes que subas a tu serán redimensionadas a las nuevas dimensiones. 

Cuándo cambiar los tamaños estándar de las imágenes WordPress

Hay algunas situaciones en las que puede ser necesario cambiar los tamaños por defecto de las imágenes WordPress. Por ejemplo, si has comprado un theme WordPress que utiliza tamaños de imagen personalizados y quieres asegurarte de que WordPress ajusta tus imágenes cargadas a esas dimensiones. 

Otro ejemplo son aquellos artistas que necesitan tamaños de imagen específicos para mostrar su trabajo. También puede ser necesario cambiar los tamaños de imagen por defecto si tienes una tienda online y necesita tamaños de imagen específicos para tus imágenes de productos.

los mejores tamaños de imagen para WordPress

Las imágenes se utilizan en muchos lugares diferentes de tu sitio web. 

Estos son los mejores tamaños de imagen para WordPress , dependiendo del lugar en el que desees utilizarlos:

  • las imágenes del post de tu blog deben ser de1200 x 630 píxeles.
  • el tamaño de la imagen de encabezado WordPress debe ser de 1048 x 250 píxeles.
  • la imagen destacada debe tener 1200 x 900 píxeles en modo horizontal o 900 x 1200 píxeles en modo vertical.
  • las imágenes de fondo deben ser de 1920 x 1080 píxeles.
  • las imágenes del logotipo deben tener un tamaño de 200 x 100 píxeles.
  • las imágenes en miniatura deben tener un tamaño de 150 x 150 píxeles.

Mejores prácticas para tamaños de imagen WordPress

Además del tamaño correcto de las imágenes, existen otras prácticas recomendadas para el tamaño de las imágenes WordPress. 

Optimizar el tamaño de los archivos de imágenes

Las imágenes suelen ser una de las principales causas de los tiempos de carga lentos. Si tus archivos de imagen son demasiado grandes, tu grupo destinatario tiene que esperar mucho tiempo hasta que el navegador los haya descargado y sean visibles. 

Por eso, antes de subir las fotos a tu , debes reducir su tamaño de archivo. En general, el tamaño del archivo debe ser de 150 KB o menos cuando se trata de imágenes. Puede reducir el tamaño del archivo guardando la imagen con una calidad inferior. 

Para las imágenes de gran tamaño, como los fondos de pantalla, hay que encontrar un buen equilibrio entre el tamaño del archivo y la calidad. En otras palabras, quieres reducir el tamaño del archivo pero evitar que la imagen se pixele.

Optimizar imágenes WordPress: Los 6 plugins más populares para la compresión de imágenes

También puedes utilizar herramientas de compresión de imágenes. Esto ayudará a reducir el tamaño del archivo sin comprometer la calidad. Presentamos 5 plugins para la optimización de tus imágenes.

TinyPNG, una herramienta de compresión de imágenes
TinyPNG, una herramienta de compresión de imágenes

TinyJPG es una herramienta de compresión de imágenes en línea que permite reducir considerablemente el tamaño de tus imágenes, incluso hasta un 70%, sin comprometer la calidad. 

Puedes comprimir hasta 20 imágenes con un tamaño de hasta 5 MB a la vez gratuitamente. También puedes inscribirte en la tarifa Pro de TInyJPG, cuyo precio es de 25 dólares al año por usuario/a. El plan Pro permite comprimir más de 20 imágenes a la vez y elimina el límite de tamaño de 5 MB para imágenes WordPress.  

TinyJPG es una gran solución para las imágenes que quieras subir a tu sitio web. ¿Pero qué pasa con las imágenes que ya están en tu sitio web? Aquí es donde un plugin como ShortPixel entra en juego. 

ShortPixel Image Optimizer: plugin WordPress
ShortPixel Image Optimizer: plugin WordPress

El plugin te ayuda a comprimir las imágenes que ya has subido a tu sitio web. También procesa y comprime todas las cargas futuras de imágenes. Reduce el tamaño del archivo hasta en un 75% sin que se note una pérdida de calidad. 

Además, puedes utilizar el plugin para convertir todos los formatos de imagen JPG, PNG y GIF en formatos WebP y AVIF, desarrollados explícitamente para la compresión sin pérdidas y con pérdidas de imágenes en la web y en tu biblioteca multimedia.

ShortPixel, en su versión gratuita, acepta un máximo de 100 imágenes/mes gratis. Puedes comprar créditos de imagen adicionales desde 4,99 dólares por 7 000 créditos de imagen.

Utilizar el tipo de imagen correcto

Con WordPress puedes subir fotos en diferentes formatos. Normalmente, las imágenes se guardan como JPG, PNG o GIF. Sin embargo, cada uno de estos formatos tiene sus propias ventajas e inconvenientes. 

A continuación, un resumen de los diferentes tipos de imágenes :

  • JPG (JPEG) significa Joint Photographic Experts Group. Este tipo de archivo admite 16 millones de colores y suele tener el tamaño de archivo más pequeño para las fotos. Este tipo de archivo es ideal para imágenes de fondo, fotos de productos, imágenes destacadas y, en general, para todas las imágenes o fotos que desees utilizar en tu sitio web. 
  • PNG son las siglas de Portable Network Graphic. Este formato de imagen admite menos colores que el JPG. Sin embargo, puedes guardar las imágenes con un fondo transparente. Es una buena opción para imágenes de logotipos, patrones de fondo, gráficos decorativos de sitios web, iconos de redes sociales y similares. Las imágenes guardadas como PNG pueden dar lugar a archivos más grandes si la imagen contiene muchos detalles. 
  • GIF son las siglas de Graphics Interchange Format y admite 256 colores y transparencia. Los GIF también pueden ser animados. Los GIF pueden ser pequeños, pero también pueden dar lugar a archivos más grandes si contienen animaciones complejas. 

Vigila la resolución de la imagen

Otro aspecto que debes tener en cuenta al optimizar las imágenes para la web es la resolución de la imagen. La resolución de la imagen se mide en puntos por pulgada (DPI) y determina la calidad de la imagen. Cuanto mayor sea el valor de DPI, mayor será la resolución de la imagen. 

Para la web, tu resolución de imagen debe establecerse en 72 DPI, ya que se considera el valor predeterminado. Una resolución más alta resulta en un gran tamaño y contribuye a que tu web se cargue lentamente. 

Así añades tamaños de imagen personalizados WordPress

Puedes añadir tamaños de imagen personalizados editando tu archivo functions.php. Digamos que quieres añadir un tamaño de imagen personalizado para tu imagen destacada. 

Para añadirla a tu theme, solo tienes que hacer lo siguiente:

En el panel de control WordPress, ve a Apariencia > Editor. Abre el archivo functions.php y busca la siguiente línea de código:

add_theme_support( 'post thumbnails' );

Si no lo encuentras ahí, añade esta línea y luego haz clic en el botón de actualizar. A continuación, añade la siguiente línea al archivo functions.php: 

add_image_size( 'blog featured image', 1280, 630 );

La línea anterior añade el tamaño personalizado a tu tema y especifica la anchura y la altura del nuevo tamaño de la imagen. Actualiza el archivo para guardar los cambios. 

A continuación, debes actualizar el código en tu theme para mostrar el nuevo tamaño de imagen personalizado que puedes seleccionar al cargar. Esta vez, abre el archivo index.php e inserta la siguiente línea de código: 

the_post_thumbnail( 'blog featured image' ); 

Image Regenerate & Select Crop: plugin para WordPress
Image Regenerate & Select Crop: plugin para WordPress

A continuación, actualizas el archivo para guardar los cambios. Recuerda que tu tamaño de imagen personalizado se sobrescribirá con cada actualización del theme si utilizas el método manual. 

Por lo tanto, recomendamos que utilices un theme tipo Child o que añadas tamaños de imagen personalizados con el plugin Image Regenerate & Select Crop. Con este plugin podrás registrar fácilmente nuevos tamaños de imagen personalizados y regenerar las miniaturas de acuerdo con los nuevos tamaños de imagen. 

Conclusión: Tamaño de imágenes y buenas prácticas generales WordPress

Las imágenes te ayudan a contar tu historia y facilitan que tus lectores se relacionen con tus publicaciones y captes su interés. 

Por lo tanto, es importante que elijas el tamaño adecuado para tu sitio web. Los consejos de este artículo ayudarán a establecer el tamaño correcto de tus imágenes y a añadir tamaños de imagen individuales WordPress. 

Para que los esfuerzos de optimización del tamaño de tus imágenes den sus frutos en WordPress, debes asegurar tu sitio web con un hosting fiable. Al fin y al cabo, no sirve de nada acelerar tu web si está vinculada a un alojamiento web de baja calidad. 

Prueba hosting WordPress con RAIDBOXES para dotar a tu sitio web de los rápidos tiempos de carga que tu público se merece. Puedes ponerte en contacto con nosotros si quieres saber más sobre las ventajas de un hosting WordPress gestionado

Tus dudas sobre los tamaños de imágenes WordPress

¿Qué preguntas tiene sobre el tamaño de imágenes WordPress? Esperamos tus comentarios. ¿Te interesan los temas de actualidad en torno a WordPress y el diseño web? Entonces sigue a RAIDBOXES en Twitter y Facebook, LinkedIn o a través de nuestra newsletter.

Maddy Osman es una especialista en estrategias de contenidos SEO. Trabaja con clientes seleccionados en el ámbito de WordPress y alojamientos web. Gracias a su formación en diseño web y WordPress ha adquirido un profundo conocimiento de SEO y sabe exactamente cómo conectar las marcas con contenido relevante SEO.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

Tu dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con *.