Cómo cambiar el tamaño y editar imágenes en WordPress (modo correcto)

¿Tiene problemas con el tamaño de su imagen? Muchas personas a menudo pasan por alto la opción simple de que WordPress tiene que cambiar el tamaño de las imágenes. Obtener un control sobre el cambio de tamaño de sus imágenes en WordPress puede tener un impacto significativo en la rapidez con que se carga su sitio, así como ahorrar espacio en el servidor. En este artículo, nos abordaremos exactamente cómo usar WordPress para cambiar el tamaño de las imágenes, para que no lo bloqueen por los tiempos de carga lentos de la página.
contenido
¿Por qué usar WordPress para cambiar el tamaño de las imágenes?
Cómo cambiar el tamaño de las imágenes en WordPress
Cómo cortar imágenes en WordPress
Cómo rotar imágenes en WordPress
Cómo derrocar las imágenes en WordPress
Cómo restaurar las imágenes resumidas en WordPress
¿Vamos a empezar?
¿Por qué usar WordPress para cambiar el tamaño de las imágenes? El cambio de tamaño de las imágenes que agregue a WordPress es importante por 2 razones:
Para asegurarse de que su sitio no disminuya la velocidad debido a la presión de cargar las imágenes grandes.
Para ahorrar espacio en el servidor de alojamiento de su sitio.
Si aún no ha tomado medidas para mejorar el rendimiento de su sitio, entonces la compresión de la imagen es un buen lugar para comenzar. Si usa fotos de stock de alta calidad o trabaja con imágenes tomadas de su cámara, sus imágenes pueden tener archivos bastante grandes. Si bien estos archivos de imagen grandes pueden ser excelentes para la impresión, el tamaño de imagen más pequeño funciona mejor en la web, ya que los navegadores tardan menos tiempo en cargarse.
La mayoría de los temas de WordPress están optimizados para un conjunto específico de tamaños de imagen que generalmente son: grandes
ambiente
Poco
Miniatura
Decidir qué dimensiones de imágenes se necesitan en su tema y cambiar el tamaño de las imágenes cargadas para que se ajusten es una excelente manera de asegurarse de que sus imágenes se carguen rápidamente. ¿No está seguro de qué tamaño deberían tener sus imágenes? Primero, descubra el ancho de su zona de contenido de WordPress. Su área de contenido es el lugar donde se muestra cualquier texto o imágenes que agrega en el sitio. Puede hacer esto en Chrome con la herramienta de inspección. Haga clic con el botón derecho en cualquier contenido en su sitio y elija Inspect en el menú.
Aparecerá una ventana con código. No se preocupe por lo aterrador que se ve, no tendrá que hacer nada al código.
Mueva el cursor sobre el código hasta que vea una columna resaltada, generalmente en azul. Notará un consejo explicativo en la parte superior del área resaltada. El primer número es el ancho del contenido del contenido. En nuestro caso, el ancho es de 695 píxeles. Esto significa que cualquier imagen que cargamos no debe ser más de 695 píxeles. Ahora tiene el punto de partida para el tamaño de su imagen, para ver más de cerca cómo puede usar WordPress para cambiar el tamaño de las imágenes.

Cómo cambiar el tamaño de las imágenes en WordPress Use WordPress para cambiar el tamaño de las imágenes es bastante simple. Para comenzar, vaya a la biblioteca de medios »desde el panel de administración de WordPress.
Ahora cargue o haga clic en la imagen que desea cambiar el tamaño en WordPress.

Desde aquí, haga clic en Editar la imagen.

Bajo la imagen de escala de título, puede ingresar nuevas dimensiones para su imagen. Si solo un ancho, la altura se calculará automáticamente en función de la relación de imagen o viceversa. En el primer cuadro, ingrese el ancho del área de contenido. En nuestro caso, eran 695 píxeles. Cuando termine, haga clic en Escalar para cambiar el tamaño de la imagen.

Para usar la imagen redimensionada, vuelva a la página Detalles de la imagen y copie la URL como se muestra en la captura de pantalla a continuación.
¡Eso es todo! Ahora ha usado WordPress para cambiar el tamaño de una imagen y puede usarla donde quiera. Darle una idea de cómo cambiar el tamaño de una imagen puede afectar la velocidad de su página, echar un vistazo a la velocidad de la imagen original en comparación con la imagen redimensionada. Utilicé la herramienta de prueba de blog de Tyrant para este ejemplo.

Aquí está el resultado de la prueba con el tamaño de la imagen original cuando se agrega a una publicación de blog estándar.

Y aquí están los resultados para la imagen redimensionada.
La diferencia puede no parecer demasiado grande a primera vista. Pero imagine un sitio web con cientos de fotos. Incluso la menor diferencia en los tiempos de carga puede tener un gran impacto en la probabilidad de que los visitantes permanezcan en su página. Sin embargo, WordPress ofrece más que el cambio de tamaño de imagen simple. También puede usarlo para cortar, ruedas y volcar las imágenes. ¿Averigamos cómo? Cómo cortar imágenes en WordPress para cortar una imagen en WordPress, seguiremos los mismos pasos que con el cambio de tamaño de una imagen.

Vaya a la biblioteca de los medios », haga clic en la imagen que desea cortar y haga clic en Editar la imagen. Luego haga clic y tire del mouse en la imagen para comenzar el proceso de corte. Puede hacer clic en cualquiera de los cuadrados pequeños para ajustar el área de corte o mover el área alrededor de la imagen. Una vez que esté satisfecho, haga clic en el icono de corte como se muestra a continuación.


Ahora haga clic en Guardar. ¡Tan simple como cortas tu foto! Seleccione la URL nuevamente en la página Detalles de la imagen para usar la imagen de corte.
¿Pero si quieres rotar tu imagen en una dirección diferente? No se preocupe, WordPress también puede manejarlo. Continuaremos mostrándole cómo.

Cómo rotar imágenes en WordPress para averiguar cómo rotar una imagen en WordPress, siga estas instrucciones. Primero, acceda a la biblioteca de medios », elija la imagen y haga clic en Editar la imagen. Ahora haga clic en el giro izquierdo o los botones de rotación derecha para rotar su imagen 90 grados a la vez.

Si está confundido, no se asuste. Al hacer clic en el botón Cancelar, la imagen se restablecerá en el último paso.

Haga clic en Guardar cuando esté satisfecho. ¡Buen trabajo! Girar una imagen en WordPress es bastante fácil, ¿no? Ahora veamos cómo anular una imagen. Cómo anular las imágenes en WordPress Devolver una imagen a WordPress sigue los mismos pasos básicos que girar una imagen.
Primero, vaya a la biblioteca de medios »desde el tablero de WordPress, seleccione la imagen y luego haga clic en Editar la imagen. Para girar su imagen, haga clic en el botón Atrás verticalmente o gire el botón en horizontal.

Haga clic en Guardar cuando haya terminado.Con todos los cambios que ha realizado en su imagen, ¿qué sucede si desea volver a la imagen original y tomarla desde el final?Continúe leyendo para averiguar cómo puede hacer esto.Cómo restaurar las imágenes redimensionadas en WordPress, todos arruinamos de vez en cuando.¿Somos personas directas? Si te equivocas usando WordPress para cambiar el tamaño de tus imágenes, lo apoyamos por completo.Hay una manera simple de volver a la imagen original.En la imagen a continuación, corté claramente la imagen en el lugar incorrecto y escalé la imagen a dimensiones demasiado pequeñas.

Mire el lado derecho de la pantalla de edición de imágenes y verá un título etiquetado Iniciar sesión en la imagen original.Al hacer clic, aparece un botón que le permite restaurar la imagen al tamaño original.