Saltar al contenido principal

Cómo comprimir y redimensionar las imágenes en WordPress

Divi: el tema de WordPress más fácil de usar

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 600.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

Tener buenas imágenes correctas puede ser complicado cuando se trata de mejorar el rendimiento de un sitio web de WordPress. Tanto es así que hemos tenido algunos suscriptores, que siempre nos han preguntado cómo comprimir y redimensionar adecuadamente las imágenes.

Este es un aspecto importante en la optimización de su sitio web, por lo que todos debemos ir. Si nos has estado siguiendo durante mucho tiempo, probablemente hayas oído hablar de 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é necesitas cambiar el tamaño y comprimir tus 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 redimensionan para adaptarse.

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 se redimensiona para ajustarse 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.

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

  • Edite el archivo de funciones de su tema de WordPress y archivos de plantilla
  • Recorte la imagen al tamaño esperado en 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.

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

Guardar tamaños de imagen de su tema de WordPress

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

Si prefiere no tocar el código, puede notificar al autor de su tema de WordPress y pedirle que haga los cambios necesarios por usted. Una vez completada la solución, puede actualizar su tema de WordPress para agregar los cambios a su sitio web.

Actualizar tus imágenes en WordPress

Aunque está esperando que el desarrollador de su tema de WordPress corrija este problema, puede probar otros métodos de cambio de tamaño manual que ofrecemos 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.

Recorte la imagen según sea necesario utilizando las opciones correspondientes a la derecha. Tenga en cuenta que si reduce la imagen para que se ajuste al ancho que necesita, la altura puede ser más corta o más larga que el tamaño definido por su tema de WordPress dependiendo de las dimensiones de la imagen original.

También puedes usar uno de los Complementos de edición de imágenes de 6 WordPress que descubrirá 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 necesario editarla proporcionalmente de acuerdo con 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.

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

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

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

Descubre también algunos complementos premium de WordPress

Puede usar otros complementos de WordPress para darle un aspecto moderno y optimizar el agarre de su blog o sitio web.

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

1. Bpchat

Bpchat es una extensión de BuddyPress para WordPress que configura un sistema de chat en su blog o sitio web de WordPress.

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.

CEl complemento de WordPress también configura una forma fácil de chatear en línea, que se parece un poco a lo que ofrece Facebook.

Descargar | Demo | alojamiento web

2. Haga clic para WhatsApp Chat

El complemento de chat de WordPress Click to WhatsApp permite a los clientes de WordPress conectarse fácilmente con el propietario del sitio web o el soporte al cliente utilizando su cuenta de WhatsApp.

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, la hora y el día de WhatsApp, que el propietario del sitio web o el equipo de soporte utilizarán para chatear. El botón de chat se puede agregar a 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 una extensión de WordPress que te permitirá crear opciones de productos adicionales con soporte para lógica condicional. También podrá crear formularios, convertir menús desplegables de atributos en botones de radio y más.

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, elengaño entre el aumento de los precios fijos o como porcentaje, 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

Crea fácilmente tu tienda en línea

Descargue gratis WooCommerce, los mejores complementos de comercio electrónico para vender sus productos físicos y digitales en WordPress. [Recomendado]

Recursos recomendados

Descubra otros recursos recomendados que lo acompañarán en la creación y administración de su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial, espero que puedas editar, redimensionar y comprimir tus imágenes. No dudes 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.

...

Este artículo contiene los comentarios 2

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba
7 acciones
cuota6
Tweet
Siguiente 1