Tamaños de imágenes de WordPress

Manejar imágenes en WordPress puede ser un desafío. Si no paga lo suficiente para cumplir con los requisitos, puede obtener una apariencia desordenada del sitio web o incluso podría afectar el tiempo de carga. Por lo tanto, debe aprender sobre los tamaños de imagen predeterminados de WordPress y cómo cambiarlos. Relájese, tome su café, ¡y terminemos con esto!

¿Cómo procesa WordPress las Imágenes?

Una vez que cargue una imagen en su biblioteca multimedia, WordPress generará automáticamente imágenes adicionales con 3 tamaños de imagen predeterminados y las almacenará por separado. Por lo tanto, verás 4 opciones de imagen cuando subas una imagen. Estas son las opciones de miniatura, mediana, grande y de tamaño completo. Las tres primeras opciones se denominan tamaños de imágenes predeterminados de WordPress, mientras que la opción de tamaño completo es el tamaño de imagen original que subes.

WordPress crea estas opciones porque usar diferentes ubicaciones para colocar imágenes requerirá una resolución de imagen diferente. Por ejemplo, la resolución de imagen en la miniatura puede ser diferente de la resolución de imagen utilizada en el control deslizante. Por lo tanto, no es necesario editar y cambiar el tamaño de las imágenes manualmente si desea utilizar las mismas imágenes en diferentes lugares con diferentes resoluciones. Solo se necesita una imagen y WordPress hará el resto.

¿Cuáles son los tamaños predeterminados de las imágenes de WordPress?

De forma predeterminada, WordPress viene con tres tamaños de imagen preempaquetados. Son:

Cómo cambiar el tamaño de imagen predeterminado de WordPress

Aunque WordPress ya te ofrece 3 tamaños de imagen predeterminados si decides que estas opciones no satisfacen tus necesidades, hay alternativas. Tal vez necesites miniaturas más pequeñas o imágenes destacadas más amplias. Por lo tanto, debe cambiar los tamaños de imagen predeterminados de WordPress. Para hacerlo, puede seguir los pasos a continuación:

1. Vaya a su panel de administración
2. Pase el cursor a Configuración – > Medios
3. En la ventana Configuración de medios, puede ajustar los píxeles deseados para cada tamaño
4. Pulse el botón Guardar cambios para guardar la configuración.

Cómo Agregar su Tamaño de imagen Personalizado de WordPress

Por lo tanto, tiene los 3 tamaños de imagen predeterminados. Digamos que tienes una imagen de tamaño de miniatura para tu miniatura, una imagen de tamaño mediano para la imagen de tu publicación y una imagen de gran tamaño para tu control deslizante. Pero, te das cuenta de que necesitas más tamaños de imagen predeterminados para tu banner emergente y widgets. ¿Puedes agregar tamaños de imagen personalizados de WordPress? Sí, puedes.

Paso 1. Agregar Tamaño de imagen personalizado de WordPress editando la función.Archivo php

En realidad, algunos temas le ofrecen opciones de tamaño de imagen adicionales. Pero, si no puedes encontrarlos, agreguemos nuestro propio tamaño de imagen personalizado de WordPress.

1. Vaya a su panel de administración
2. Pase el puntero al Aspecto – > Editor
3. Edite las funciones.archivo php
4. Copie el script de abajo y péguelo en el archivo

   add_theme_support( 'pop-up-banner' );

5. Pulse el botón Actualizar archivo.

El script anterior activará la función add_image_size (). Si esta función ya está activa, puede agregar nuevas imágenes de WordPress, como las siguientes:

add_image_size( 'pop-up banner size', 1000, 590 );add_image_size( 'widget size', 220, 180 );

En estos ejemplos, debe dar el nombre de tamaño adicional «Tamaño de banner emergente» y «Tamaño de widget».»Los dos números que siguen al nombre de la talla representan la anchura y la altura.

Paso 2. Muestra los tamaños personalizados en tu tema

Has agregado con éxito los nuevos tamaños de imagen. Pero, no se ha mostrado en su tema. Ahora, tienes que habilitar los nuevos tamaños en tu tema.

Primero, haga una copia de seguridad de su sitio antes de realizar cualquier cambio. Acceda a su archivo de tema dentro del bucle post y edítelo. Luego, pegue este código;

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

Debe cambiar ‘el tamaño de imagen especificado` con el nombre que estableció en el paso anterior. Por ejemplo, puedes cambiarlo a «tamaño de banner emergente». Después de seguir estos pasos, puede encontrar opciones de tamaño de imagen de banner emergente cuando cargue imágenes en su biblioteca multimedia.

Complementos útiles

Ha establecido un nuevo tamaño de imagen personalizado en WordPress. Pero este cambio no afectará a tus imágenes anteriores. Por lo tanto, necesita regenerar los tamaños de imagen anteriores.

Afortunadamente, no es necesario hacerlo uno por uno manualmente. Hay un plugin llamado Regenerar miniaturas que te ayudará a actualizar el tamaño de tu imagen anterior. Siga los pasos a continuación para hacer esto.

1. Vaya a su panel de administración
2. Haga clic en Complementos – > Agregar nuevos
3. Escriba Regenerar miniaturas en la barra de búsqueda.
4. Instale y Active el complemento
5. Ahora, vaya a Herramientas – > Regenerar miniaturas
6. Haga clic en el Botón Regenerar miniaturas para archivos adjuntos X
7. Ahora, todas sus imágenes cargadas anteriormente se regenerarán a una nueva configuración de imagen.

Conclusión

Los tamaños de imagen de WordPress parecen algo trivial, pero de hecho, pueden darte dolor de cabeza. A veces, encontrará que la imagen que carga no cumple con el tamaño de imagen deseado que desea. Para resolver esto, puede probar dos métodos. Puede cambiar los tamaños de imagen predeterminados de WordPress o agregar tamaños de imagen personalizados. Antes de configurar el nuevo tamaño de imagen, recuerde que cargar imágenes grandes con alta resolución no es una buena idea. Las imágenes de gran tamaño ocuparán mucho espacio y ralentizarán el tiempo de carga de sus sitios. Esperamos que este artículo le ayude a elegir las imágenes correctas, en el lugar correcto, con los tamaños correctos. ¡Nos vemos!