Guía de tamaños de imagen de WordPress

¿Tienes curiosidad por saber más sobre los tamaños de imagen de WordPress? Obviamente, la calidad de la imagen es una prioridad, pero la velocidad de su sitio web tampoco debería verse afectada por las imágenes. Por lo tanto, puede ser un desafío obtener las dimensiones correctas. En WP Full Care apreciamos lo importante que es obtener los tamaños de imagen correctos y es por eso que hemos preparado esta guía completa. Ahora, ¡manos a la obra!

¿Qué son los tamaños de imagen?

El ancho y el alto de una imagen en píxeles son las medidas más comunes que se usan para describir su tamaño. Por ejemplo, una imagen con las dimensiones 1600 × 900 píxeles tendría un ancho de 1600 píxeles y una altura de 900 píxeles. En otras palabras, estos números son las dimensiones de la imagen.

El tamaño de un archivo de imagen, en bytes, es la cantidad de espacio de almacenamiento que requiere en una computadora . Ejemplo: 100 KB (kilobytes). Naturalmente, una imagen más grande tiene más píxeles, por lo que se espera un tamaño de archivo más grande. Esto significa que los archivos de imágenes más grandes tardan más en descargarse para los visitantes, lo que puede ralentizar su sitio. Por lo tanto, asegúrese de mantener el tamaño del archivo de imagen lo más pequeño posible mientras conserva las proporciones correctas .

Los enfoques de compresión para almacenar imágenes se conocen como formatos de archivo de imagen . En general, JPEG y PNG son los más populares para usar en línea. JPEG es un formato más eficiente para comprimir fotos y otras imágenes con muchos colores. Sin embargo, PNG es ideal para ilustraciones y otras imágenes con menos detalles de color. Todo depende de la forma en que desee optimizar sus imágenes de WordPress.

Ahora, echemos un vistazo a qué tamaños de imagen funcionan mejor en WordPress para varios propósitos.

¿Cuáles son los mejores tamaños de imagen para usar en su sitio web de WordPress?

Todas las imágenes almacenadas en su sitio web de WordPress tendrán lugares específicos donde se mostrarán. Necesitará fotos para muchos propósitos diferentes, incluidos artículos de blog, miniaturas, encabezados de página, imágenes de portada y más.

De forma predeterminada, WordPress se ocupa de una variedad de tamaños de archivos de imágenes. Por cada imagen que subas, WordPress generará muchas versiones más pequeñas y más grandes . Sin embargo, cuando vaya a la página Configuración » Medios en su área de administración de WordPress, podrá ver y cambiar los tamaños de imagen preestablecidos.

Hay tres tamaños diferentes disponibles, denominados Mediano , Miniatura y Grande . Pero su tema de WordPress puede generar sus propios tamaños de imagen adicionales y usarlos para varios propósitos. La única forma de acceder a estos tamaños es a través del Administrador de archivos en su cuenta de alojamiento de WordPress, ya que no aparecerán en la pantalla Multimedia. Simplemente seleccione una carpeta de año en /wp-content/uploads/ y continúe navegando .

Dicho esto, examinemos varias partes de su sitio web y los tamaños de imagen óptimos para ellos. En este artículo, cubriremos los tamaños de imagen ideales de WordPress para su:

• blogs
• Imágenes destacadas
• redes sociales
• logotipo del sitio web

¿Qué tamaños de imagen de WordPress usar en los blogs?

Dependiendo de su tema de WordPress, deberá seleccionar un tamaño de imagen apropiado para las entradas de su blog . Algunos temas de WordPress, por ejemplo, pueden tener solo una columna, lo que le permite mostrar fotos mucho más amplias, mientras que otros pueden emplear diseños de varias columnas (contenido + barra lateral), lo que requiere que adapte el ancho de la imagen correctamente.

Las dimensiones estándar de la imagen del blog son las siguientes:

• Para un diseño de una sola columna, generalmente es de 1200 × 675 .
• El diseño de varias columnas generalmente requiere 680 x 382 .

Es posible que haya notado que muchos de los sitios de WordPress más visitados incluyen fotos dentro de los artículos que tienen el mismo ancho . Pero tampoco se trata de una regulación férrea . Para el bloque 'Medios y texto', por ejemplo, el tamaño de la imagen se puede modificar según sea necesario.

¿Qué tamaños de imagen de WordPress usar para las imágenes destacadas?

Publicar miniaturas e imágenes destacadas son dos nombres diferentes para la misma funcionalidad de WordPress. Por lo tanto, el tema que utilice dictará el tamaño máximo de imagen permitido en su sitio. Para las imágenes destacadas, el valor predeterminado para varios temas de WordPress es una proporción común de 16:9 (por ejemplo, 680 × 382 píxeles). La imagen destacada también se puede usar como una imagen de encabezado más grande en algunos temas de WordPress . Podrían necesitar fotos de mayor resolución (alrededor de 1200 x 675 píxeles) para este propósito.

Las fotos destacadas son esenciales ya que su tema de WordPress puede aprovecharlas de varias maneras. Dado que generalmente son lo primero que ven los invitados, es importante presentar una imagen positiva . Para asegurarse de que sus fotografías se vean geniales, ya sea que se vean al 100% del tamaño o al 100% reducidas, es mejor usar versiones más grandes de ellas.

Si la imagen destacada de su tema de WordPress es un cuadrado, sugerimos utilizar un mínimo de 600 × 600 píxeles . Por otro lado, las imágenes presentadas en temas rectangulares deben tener 1200×687 píxeles . Las fotos destacadas en la página de inicio, la página del blog y las páginas de archivo de su tema de WordPress se generarán en diferentes tamaños.

¿Qué tamaños de imagen de WordPress usar para las redes sociales?

Puede utilizar las fotos destacadas que se incluyen en su tema de WordPress como imágenes de redes sociales para Twitter y Facebook si el tema tiene una relación de aspecto de 16:9. Sin embargo, para asegurarse de que la imagen deseada aparezca cada vez que un usuario comparte una parte de su sitio web, deberá proporcionar instrucciones específicas a cada plataforma de intercambio.

Para hacer esto, necesitará el complemento All in One SEO para WordPress. Le ayudará a mejorar el rendimiento de su sitio web en los motores de búsqueda y en las redes sociales. Una vez que instale y active este complemento, diríjase a la página All in One SEO » Social Networks y haga clic en el botón de Facebook. Aquí puede cambiar la opción " Imagen destacada " para que sea la fuente de imagen predeterminada para Open Graph. Cuando haya terminado de hacer los ajustes, asegúrese de hacer clic en el botón Guardar cambios.

Ahora, si las fotos utilizadas por su tema de WordPress tienen un tamaño diferente, es posible que las plataformas de redes sociales como Facebook y Twitter no puedan mostrarlas correctamente. En esa situación, puede cargar una foto especial para compartir en las redes sociales . Simplemente seleccione el menú " Social " en la parte superior y luego busque el área de origen de la imagen. Elija " Imagen personalizada " en el menú desplegable y luego agregue su foto de perfil de Facebook. Puedes hacer lo mismo en la pestaña de Twitter.

¿Qué tamaños de imagen de WordPress usar para el logotipo de su sitio web?

La mayoría de las plantillas de WordPress especificarán el tamaño de logotipo ideal para su sitio. Eche un vistazo más de cerca y es probable que note que su tema sugiere un tamaño específico al cargar su logotipo. Sin embargo, es posible que no se proporcionen consejos sobre el tamaño de la imagen del logotipo si está utilizando un tema moderno de WordPress que permite la modificación completa del sitio. Por esa razón, deberías intentar subir varios tamaños y estilos para encontrar el que mejor se adapte a tu marca . La resolución mínima recomendada para un logotipo es de 300×200 píxeles .

La línea de fondo

Esperamos que nuestra guía de tamaños de imágenes de WordPress le haya ayudado a comprender cómo agregar imágenes a WordPress de la manera más eficiente y estéticamente agradable. Por supuesto, siempre puede decidir tomar el camino más fácil y contratar profesionales para asegurarse de que su sitio web de WordPress funcione sin problemas. ¡Así que no esperes más y dale a tu sitio web el cuidado experto que se merece!