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

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

WordPress facilita la adición de imágenes a las entradas 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 vamos a hablar hoy: Tamaño de las imágenes de WordPress.

Es importante saber cómo funcionan los tamaños de las imágenes en los sitios web de WordPress y cómo se pueden añadir tamaños de imagen personalizados al sitio web tus. Así podrá 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 sólo hace que el sitio web tutenga un aspecto más coherente, sino que también hace que las publicaciones del blog tusean más fáciles de compartir. Aprenda a utilizar los tamaños de imagen adecuados para el sitio web tuWordPress en este artículo.

Se tratan los siguientes temas: 

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

Cómo gestiona WordPress las imágenes que subes

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

El tamaño incorrecto de las imágenes también puede estropear el diseño de las entradas del blog tussitio o tuy provocar un desplazamiento lateral innecesario. La buena noticia es que WordPress tiene una configuración integrada que permite evitar estos problemas

Tamaño de las imágenes en 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: corresponde al tamaño original de la imagen cargada por defecto.

Cuando subes una imagen a WordPress, se crean por defecto estos cuatro tamaños de imagen diferentes

La razón por la que WordPress crea estos tamaños de imagen es doble. En primer lugar, no tienes que 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 del sitio web tus. 

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 la cabecera o 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 tus, no tienes que perder el tiempo redimensionándola manualmente o recordando qué tamaño de imagen necesitas. Sólo tienes que subir una imagen y WordPress se encargará del resto.

Cómo cambiar el tamaño y editar las imágenes en WordPress

Con WordPress, puedes cambiar el tamaño de las imágenes por defecto dentro de WordPress. Sólo 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, vaya a Configuración > Medios. Como se puede ver en la captura de pantalla, todos los tamaños de imagen por defecto se enumeran allí. Puede ajustarlos fácilmente introduciendo las dimensiones preferidas en tu.

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

Una vez que haya ajustado los tamaños por defecto 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 tuserán redimensionadas a las nuevas dimensiones. 

Cuándo debe cambiar los tamaños por defecto de las imágenes de WordPress

Hay algunas situaciones en las que puede ser necesario cambiar los tamaños por defecto de las imágenes de WordPress. Por ejemplo, si ha comprado un tema de WordPress que utiliza tamaños de imagen personalizados y quiere asegurarse de que WordPress redimensiona las imágenes subidas a tusa esas dimensiones. 

Otro ejemplo son los creativos 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 tiene una tienda online y necesita tamaños de imagen específicos para las imágenes de los productos de tu.

Los mejores tamaños de imagen para WordPress

Las imágenes se utilizan en muchos lugares diferentes del sitio web tus. 

Estos son los mejores tamaños de imagen para WordPress, según el lugar en el que quieras utilizarlas:

  • Las imágenes del blogpost deben ser de 1200 x 630 píxeles.
  • El tamaño de la imagen de cabecera de 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 el tamaño de las imágenes en WordPress

Además de los tamaños correctos de las imágenes, existen otras prácticas recomendadas para los tamaños de las imágenes de WordPress. 

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

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

Por lo tanto, 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 fotos 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, quiere 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 le ayuda a reducir el tamaño del archivo sin comprometer la calidad. Presentamos 5 plugins para optimizar las imágenes de tus.
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 las imágenes de tus-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 de forma gratuita. También puedes inscribirte en el plan Pro de TInyJPG, cuyo precio es de 25 dólares al año por usuario:in. Con el plan Pro, puede comprimir más de 20 imágenes a la vez y eliminar el límite de tamaño de 5 MB para las imágenes de WordPress.  

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

ShortPixel Image Optimizer Plugin para WordPress
ShortPixel Image Optimizer Plugin para WordPress

El plugin le ayuda a comprimir las imágenes que ya ha subido al sitio web tu. También procesa y comprime todas las futuras cargas de imágenes. Reduce el tamaño del archivo hasta en un 75 por ciento sin reducir notablemente la calidad. 

Además, puede utilizar el plug-in para convertir todos los formatos de imagen JPG, PNG y GIF en los formatos WebP y AVIF, que fueron desarrollados explícitamente para la compresión sin pérdidas y con pérdidas de imágenes en la web y en la biblioteca multimedia tus.

ShortPixel es gratuito para un máximo de 100 imágenes al mes. Puedes comprar créditos de imagen adicionales a partir de 4,99 dólares por 7.000 créditos de imagen.

Utilizar el tipo de imagen correcto

WordPress permite subir imágenes 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, cualquier imagen o foto que desee utilizar en el sitio web tus. 
  • PNG son las siglas de Portable Network Graphic. Este formato de imagen admite menos colores que el JPG. Sin embargo, puede 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 debe 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, la resolución de la imagen de tudebe 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 el sitio web tuse cargue lentamente.

Cómo añadir tamaños de imagen personalizados en WordPress

Puede añadir tamaños de imagen personalizados editando el archivo tufunctions.php. Digamos que quieres añadir un tamaño de imagen personalizado para tuFeatured Image. 

Para añadirlos a su tema, sólo tiene que hacer lo siguiente:

En su WordPress Dashboard vaya a Apariencia > Editor. Abra el archivo functions.php y busque 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 Actualizar archivo. A continuación, añada 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 su tema y especifica la anchura y la altura del nuevo tamaño de la imagen. Actualice el archivo para guardar los cambios. 

A continuación, debe actualizar el código en su tema para mostrar el nuevo tamaño de imagen personalizado que puede seleccionar al cargar. Esta vez, abra el archivo index.php e inserte la siguiente línea de código: 

the_post_thumbnail( 'blog featured image' ); 

Plugin de Regeneración de Imágenes y Recorte Selectivo para WordPress
Plugin de Regeneración de Imágenes y Recorte Selectivo para WordPress

A continuación, actualice el archivo para guardar los cambios. Recuerde que el tamaño de las imágenes personalizadas de tuse sobrescribirá con cada actualización del tema si utiliza el método manual. 

Por lo tanto, le recomendamos que utilice un tema hijo o que añada tamaños de imagen personalizados con el plugin Image Regenerate & Select Crop. Con este plugin puedes 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ños de las imágenes de WordPress y buenas prácticas generales

Las imágenes te ayudan a contar tula historia y facilitan que los lectores de tusse relacionen con tus publicaciones y capten su interés. 

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

Para que los esfuerzos de optimización del tamaño de las imágenes de tuen WordPress den sus frutos, debe asegurar el sitio web tucon un alojamiento fiable. Al fin y al cabo, no sirve de nada acelerar tusi está vinculado a un alojamiento web de baja calidad. 

Pruebe el alojamiento de WordPress con Raidboxes para dar a su sitio web tuslos rápidos tiempos de carga que merece el público de tu. Puede ponerse en contacto con nosotros si quiere saber más sobre las ventajas del alojamiento gestionado de WordPress

tuPreguntas sobre el tamaño de las imágenes en WordPress

¿Qué preguntas tienes sobre el tamaño de las imágenes en WordPress? Esperamos su comentario. ¿Te interesan los temas de actualidad en torno a WordPress y el diseño web? A continuación, siga Raidboxes en Twitter y Facebook, LinkedIn o a través de nuestro Newsletter.

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

2 Comments on "Eltamaño de las imágenes en WordPress: Cómo funcionan las imágenes en WordPress y las mejores prácticas para el sitio web tu"

  1. Ich habe es eben ausprobiert und ein Foto mit 240 dpi und das Gleiche mit 72 dpi exportiert. Die Dateigröße ist dabei die gleiche geblieben. Also macht es keinen Unterschied und spare nichts ein.

  2. Ein Pixel ist ein Pixel. Außer bei Retina-Displays interessiert es auf Websites schlicht absolut gar nicht, was für eine Auflösung die Bilder haben. Die Auflösung ist nur dann interessant, wenn das Bild gedruckt werden sollte. Ich frage mich, wann dieser blödsinnige Mythos endlich stirbt.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.