¿Necesita comprimir imágenes o quiere cambiar el tamaño de las imágenes en WordPress? En este tutorial, le mostraremos cómo comprimir y cambiar el tamaño de imágenes o WordPress

Tener imágenes buenas y decentes puede ser complicado cuando se trata de mejorar el rendimiento de un sitio web de WordPress. Tanto es así que teníamos algunos suscriptores, que siempre nos preguntaban cómo comprimir y cambiar el tamaño de las imágenes correctamente.

Este es un aspecto importante en la optimización de su sitio web por el que todos tenemos que pasar. Si nos ha estado siguiendo durante mucho tiempo, probablemente haya oído hablar del Plugin de colibrí de WPMUDEV.

Este es un complemento que puede permitirle reducir el tamaño de una imagen de 75%, lo cual es considerable.

Entonces, en este tutorial, explicaré cómo cambiar el tamaño manualmente de sus imágenes en su tablero y en su tema de WordPress.

Pero antes, si nunca has instalado WordPress, descubre Cómo instalar un tema de WordPress et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

¿Por qué necesita cambiar el tamaño y comprimir sus imágenes?

Esta es una sugerencia que ofrece Hummingbird. Esta sugerencia significa que está utilizando una imagen cargada en su blog de WordPress donde el tamaño es mayor que el que se usa en su tema.

Esto sucede a menudo cuando hay un error con el tema de WordPress que está utilizando y las imágenes más grandes no se recortan automáticamente a las dimensiones esperadas. En cambio, se les cambia el tamaño para que quepan.

Ve más allá descubriendo ¿Por qué tienes que empezar a optimizar tu blog de WordPress por imágenes?

Esto significa que cuando un visitante carga la página con la imagen de gran tamaño en su navegador, se carga el tamaño original de la imagen y luego se cambia de tamaño para adaptarse a las dimensiones especificadas en su tema de WordPress.

Este paso adicional y repentino de cambiar el tamaño de las imágenes más grandes requiere solicitudes y recursos adicionales del servidor para cargar en una página.

Descubre también nuestro plugins de WordPress 10 para generar tráfico a tu blog

El resultado es una velocidad de página más lenta, una puntuación más baja de Hummingbird, de ahí la recomendación de comprimir y cambiar el tamaño de las imágenes.

comprimir imágenes - compresión de imágenes humminbird

Aunque WP Smush Pro puede resolver automáticamente la recomendación de comprimir una imagen, este no es el caso de la sugerencia " comprimir y cambiar el tamaño". Para esto último hay que realizar el cambio manualmente y existen varias formas de hacerlo:

  • Edite el archivo de funciones de su tema de WordPress y archivos de plantilla
  • Recorta la imagen al tamaño esperado en el biblioteca multimedia
  • Ajustar la configuración multimedia

A continuación encontrará más detalles sobre cómo cambiar el tamaño de sus imágenes con estos métodos.

Guardar los tamaños de imagen de su tema de WordPress

Para solucionar este problema en su tema, debe asegurarse de que las imágenes se guarden correctamente. Para obtener más información sobre cómo hacer esto, lea nuestro tutorial de cambio de tamaño de imagen para su tema.

Si prefiere no tocar ningún código, puede notificar al autor de su tema de WordPress y pedirle que realice los cambios necesarios por usted. Una vez que se complete el parche, puede actualizar su tema de WordPress para agregar los cambios a su sitio web.

Actualizar tus imágenes en WordPress

Si bien puede esperar a que el desarrollador de su tema de WordPress solucione este problema, puede probar otros métodos manuales de cambio de tamaño de imágenes que proporcionamos a continuación.

Contraer imágenes en la biblioteca de medios

Para recortar una imagen manualmente, vaya a " Medios> Biblioteca Y seleccione haciendo clic en la imagen que desea recortar. Luego haga clic en el botón Editar imagen para abrir la interfaz de edición.

comprimir y cambiar el tamaño de las imágenes

Recorta la imagen según sea necesario usando las opciones correspondientes a la derecha. Tenga en cuenta que si reduce la imagen para que coincida con el ancho que necesita, la altura puede ser más corta o más larga que el tamaño establecido por su tema de WordPress según las dimensiones de la imagen original.

También puede utilizar uno de los 6 plugins de edición de imágenes de WordPress que descubrirás consultando este enlace 

Si elige ampliar su imagen, permanece en la proporción adecuada a la imagen original. Por otro lado, si decide recortar su imagen, puede que no sea necesariamente una cuestión de editarla proporcionalmente en función de las dimensiones que elija.

Puede cambiar el tamaño de su imagen escribiendo el ancho y alto deseados, luego haciendo clic en el botón " cambiar el tamaño O si prefiere recortar su imagen, puede hacerlo haciendo clic y arrastrando el mouse sobre la imagen y seleccionando el área deseada. Luego suelte el clic del mouse para revelar su selección.

comprimir y cambiar el tamaño de las imágenes

Una vez hecho esto, no olvides hacer clic en " Siguiente ". También puede aplicar la configuración a cualquier tamaño.

Aplicar tamaño a las imágenes

Esta opción para cambiar el tamaño de las imágenes también está disponible en la biblioteca de medios.

Modificación de imágenes en la biblioteca multimedia.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Bpchat

bpchat es un Extensión de WordPress de BuddyPress, que configura un sistema de chat en su blog o sitio web de WordPress.

Complemento de chat de usuarios de wordpress buddypress

Una vez que este complemento está instalado en cualquier blog, foro, comunidad, directorio, sitio web de comercio electrónico o sitio web social BuddyPress, Todos los usuarios conectados pueden chatear automáticamente al instante.

Ce Plugin de WordPress también implementa una manera fácil de chatear en línea, que es un poco como lo que ofrece Facebook.

Descargar | Demo | alojamiento web

2. Haga clic para WhatsApp Chat

Le Plugin de WordPress Click to WhatsApp Chat facilita que los clientes de WordPress se conecten con el propietario del sitio web o con el servicio de atención al cliente mediante su cuenta de WhatsApp.  Clic para chat de whatsapp para wordpress

Simplemente haga clic en la cuenta de WhatsApp y se dirigirá directamente a la cuenta de WhatsApp móvil con un mensaje predeterminado. Y si el cliente está en una computadora de escritorio o portátil, será redirigido a WhatsApp Web.

Descubre también nuestro Complementos de 10 WordPress para ocultar contenido premium en tu blog

Este complemento requiere el número de WhatsApp, la hora y el día, que el propietario del sitio web o el equipo de soporte utilizará para discutir. El botón de chat se puede agregar en la página de detalles del producto WooCommerce, que está directamente relacionado con este producto.

Descargar | Demo | alojamiento web

3. WooCommerce opciones adicionales del producto

WooCommerce Extra Product Options es un Extensión de WordPress lo que le permitirá crear opciones adicionales sobre los productos, gracias al apoyo de la lógica condicional. También tendrá la capacidad de crear formularios, convertir menús desplegables de atributos en botones de opción y más.

Opciones de productos adicionales de Woocommerce

Entre sus características encontraremos entre otras: la psoporte para múltiples tipos de campos, la cprecios según los campos seleccionados, el constructor visual de los campos de formulario, el soporte de shortcodes, la posibilidad deactivar sus opciones para roles específicos, elhoix entre el aumento de precios fijos o porcentuales, el iimportar / exportar a otras formas, la pposibilidad de ocultar o mostrar precios, el apoyo de lalógica condicional en campos y secciones en el constructor de formularios, laompatibilidad con varios complementos y extensiones de comercio electrónico, a ddocumentación detallada, y mucho más …

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial, espero que puedas editar, redimensionar y comprimir tus imágenes. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...