¿Cómo cambiar el tamaño de la imagen destacada de WordPress?

¡Tamaño de la imagen de WordPress! ¡Eh! Suena como algo sencillo, ¿no? ¿Pero es realmente?

Está bien, hablemos de eso. ¿Qué crees que busca un usuario de Internet al azar antes de hacer clic en un enlace, blog, artículo, etc.? ¿Es el título? ¿Quizás es el encabezado? eslogan? La respuesta es en su mayoría no, ninguno de estos.

Pero si estás pensando en la imagen principal, diríamos que sí. Según muchos estudios y revistas populares, los internautas tienden a hacer clic en imágenes atractivas e informativas.

Tienden a estudiar los contenidos dentro de la imagen destacada, mucho antes de mirar el título o los metadatos.

Aquí es donde ocurre la magia. Aquí es donde/cuando un internauta decide hacer clic en su contenido publicado para ver más.

Ser capaz de cautivar a la audiencia con la imagen principal significa un clic orgánico casi seguro.

Lo cual no es tan fácil cuando trabajas con una palabra clave competitiva de cola larga o palabras clave de cola corta, frases populares, eventos populares, temas, referencias a la cultura pop, etc.

Por lo tanto, el tamaño de imagen destacado de WordPress recomendado por el equipo de desarrollo de DroitThemes es de 1200 × 675 píxeles o una relación de 16: 9.

La importancia de las buenas imágenes

Como se mencionó anteriormente, una imagen destacada atractiva en WordPress puede generar atracciones y clics más organizados sin ningún trabajo adicional. La importancia de las buenas imágenes no puede ser subestimada.

Un blog, artículo, publicación, boletín informativo, etc., no importa qué tipo de contenido pueda presentar, implementar imágenes informativas de calidad es la clave del éxito.

Las personas tienden a disfrutar visualmente antes de comenzar a leer, y todo esto sucede en fracciones de segundo al encontrarse con dicha imagen.

Por lo tanto, es muy recomendable seleccionar una imagen excelente para que aparezca en su próximo contenido.

Una imagen de alta calidad no solo atrae más miradas, sino que también es excelente para mantener una calidad constante en varios tipos de resoluciones de pantalla.

Imágenes destacadas de WordPress: ¿Qué son?

Una imagen destacada se utiliza para presentar visualmente la información de contexto con respecto a una parte del contenido.

Este tipo de imágenes suelen aparecer encima del contenido y aparecen junto a los metadatos de dicho contenido, en la sección de miniaturas.

La imagen destacada capta la atención y la imaginación del visitante, y proporciona pistas, información y un contexto menor con respecto a su contenido visualmente.

Por ejemplo, la imagen que se muestra aquí indica claramente el punto de conversación y el tema en juego.

El tema de WordPress activo del sitio web también juega un papel clave al determinar cómo se mostrará la imagen de la función.

Al crear un sitio web de WordPress, siempre trate de elegir el mejor tema de WordPress para bloguear y publicar contenido.

Developer.WordPress.org Tamaño recomendado de la imagen destacada de WordPress

WordPress tiene por defecto los siguientes tamaños de imagen

WordPress crea automáticamente tres versiones de su imagen cargada, y son:

• Tamaño de la miniatura: 150 px X150 px
• Tamaño mediano: 300 px X 300 px
• Tamaño grande: 1024px X 1024px

¿Cuál es el propósito de estas diferentes versiones de tamaños de imagen destacados de WordPress?

Considere la imagen de dimensión utilizada por el equipo de desarrollo de DroitThemes: 1200px X 675px .

Ese tamaño de imagen original puede subir hasta 100 KB .

¡Ahora considere tener las dimensiones de la imagen original como miniatura! Ahora, ¿no se vería anormal para una imagen en miniatura, verdad?

Y sin mencionar el impacto en el rendimiento que tendría esa resolución si esa resolución viniera con el tamaño de la imagen.

Por lo tanto, es seguro asumir que el tamaño convertido automatizado por WordPress de 150 × 150 px es una apuesta segura y confiable.

El cambio de tamaño automático de las imágenes por parte de WordPress es una gran característica, por supuesto.

Sin embargo, esta increíble característica funciona bien en ciertos escenarios.

Por ejemplo, cambiar el tamaño de una imagen de forma predeterminada puede no ser una solución adecuada si un tema de WordPress requiere una dimensión de imagen específica.

Aquí en DroitThemes hay algo de lo que hablar mientras trabajamos con el tamaño de imagen destacado de WordPress de 1200 × 675 píxeles.

En tales casos, es recomendable agregar manualmente un tamaño de imagen personalizado.

¿Entonces, cómo funciona?

Aquí hay un breve tutorial sobre cómo agregar un tamaño de imagen destacado de WordPress personalizado

WordPress automatiza su contenido para obtener el mejor rendimiento en su plataforma al cambiar el tamaño de las imágenes de funciones originales con tres tamaños y resoluciones diferentes.

¿Qué tal agregar otro tamaño predeterminado? ¿Sería posible incluir un tamaño de imagen de WordPress personalizado?

Sí, es posible y le mostraremos cómo hacerlo correctamente.

Adición de tamaños de imagen personalizados mediante regeneración de imagen y selección de recorte

Regenerar y seleccionar recorte es un complemento simple que brinda más funciones que solo Regenerar miniaturas.

Además de permitir que los usuarios cambien el tamaño de imagen destacado predeterminado, los usuarios también tienen la opción de regenerar todas las imágenes existentes para que coincidan con su tamaño de imagen preferido, establecer opciones de recorte predeterminadas o regenerar miniaturas.

Una vez instalado y activado, diríjase a Panel de WordPress > Regenerar y seleccionar Recortar , desde aquí haga clic en DEFINIR TAMAÑOS DE IMAGEN PERSONALIZADOS y establezca un nombre para su tamaño de imagen destacado de WordPress personalizado, y agregue las dimensiones.

Para este ejemplo, estamos usando el tamaño de imagen destacado de WordPress de 1200 × 675 píxeles.

Una vez que haya terminado, asegúrese de hacer clic en Guardar cambios .

Hay muchas más opciones proporcionadas con este complemento en particular, no estamos explorando esto más a fondo, pero le recomendamos al usuario que explore y modifique la configuración.

Paso.01 Agregue un tamaño de imagen de WordPress personalizado editando functions.php

Para esto, deberá modificar algunos códigos del archivo functions.php de su sitio web, pero no se preocupe, estaremos con usted en el camino.

Como ajustaremos algunos códigos, debe hacer una copia de seguridad de dicho archivo solo para estar seguro.

Ahora dirígete al Panel de WordPress > Apariencia > Editor de temas .

Ahora haga clic en Funciones de tema ( functions.php ) desde aquí, localice el siguiente código con el editor de temas presionando Ctrl + F y presione enter. Si el código ya está allí, déjelo y continúe con el siguiente paso.

Y si parece que falta el código, ingrese la siguiente cadena:

 add_theme_support( 'post-thumbnails' );

Una vez que haya terminado, asegúrese de presionar el botón Actualizar archivo .

Ahora, para agregar las dimensiones de su imagen personalizada, inserte el siguiente código justo debajo del código mencionado anteriormente, la dimensión personalizada:

 add_image_size( 'my-custom-image-size', 1200, 675 );

En particular, debe actualizar el contenido de las comillas simples con el nombre del nuevo tamaño de imagen personalizado. Sugerimos algo simple y descriptivo.

El primer valor debe ser el ancho de la imagen y el segundo valor la altura de la imagen.

Siga las mejores prácticas de imágenes destacadas de WordPress

Simplemente no es suficiente cargar y olvidarse de los componentes importantes del sitio web, como las imágenes destacadas.

Al elegir y cargar imágenes destacadas para WordPress o cualquier otra plataforma de creación de sitios web, recomendamos encarecidamente a los usuarios que sigan algunos pasos simples:

Imágenes de alta calidad

Las imágenes destacadas deben ser de alta calidad y con una resolución clara y nítida. Una imagen destacada lo representa a usted, su sitio web y su contenido, por lo que es imprescindible utilizar una imagen de calidad.

Los usuarios deben elegir algo que se vea bien tanto en las miniaturas como en las publicaciones.

Contenido consistente

Cargue imágenes que sean consistentes con el contenido de su sitio web. Cargue características, contenido, logotipo, etc. de acuerdo con su marca. Mantener una visión coherente de su diseño visual ayuda a construir su marca y hacerla reconocible para sus visitantes.

Imágenes relevantes

Un humano procesa las imágenes más rápido que el texto. Cuando lo considera una imagen relevante e informativa, puede atraer más atención a su sitio.

Por lo tanto, siempre trate de mantener una gran relevancia al considerar las imágenes destacadas.

Derechos de autor

No infringir en materia de derechos de autor. Siempre trate de asegurarse de su contenido producido, y si está cargando algo de otro creador de contenido, asegúrese de obtener su consentimiento legal antes de hacerlo.

Comprar fotos de stock libres de regalías de sitios como Unsplash, Pixaby y otros es una excelente opción.

para envolverlo

Las imágenes destacadas son una parte integral de cada sitio web de WordPress.

Una imagen destacada y bien diseñada puede hacer que su sitio web se vea más profesional y ayudará en gran medida a aumentar el conocimiento de su marca. Lo mismo se aplica a las tiendas en línea. Las imágenes son útiles para vender productos.

Una imagen destacada bien diseñada y completa también puede impactar en gran medida la imaginación de sus visitantes, lo que lo ayuda a obtener más clics y vistas orgánicos.

Dicho esto, esperamos que haya encontrado útil este contenido y considere compartirlo con alguien que lo necesite.

Le agradecemos su visita y si tiene alguna pregunta o inquietud con respecto a este tema, no dude en hacérnoslo saber en el comentario a continuación.