WordPress

¿Cómo recortar y cambiar el tamaño de las imágenes en WordPress? – Aprendermarketing.es/

Tenemos más de 20.000 imágenes en este sitio web. Generalmente usamos Snagit para capturar y editar imágenes antes de cargarlas a través del editor de publicaciones de WordPress. Sin embargo, a veces es necesario editar las imágenes en el editor. Por ejemplo, si desea recortar los bordes o ampliarlos o cambiar su tamaño para que se ajusten al diseño de la publicación. Puede usar varias formas de recortar y cambiar el tamaño de las imágenes en WordPress y le explicaremos algunas de las opciones fáciles en este artículo.

Cambiar el tamaño de las imágenes en WordPress

Cambiar el tamaño significa cambiar el tamaño de las imágenes. Sin embargo, hay diferentes formas de cambiar el tamaño manteniendo la relación de aspecto o cortando la parte innecesaria.

  • Cambiar la altura y el ancho proporcionalmente
  • Convierta la imagen en una esquina más redondeada recortando las esquinas
  • Acercar para enfocar el centro de la imagen
  • Cambie la relación de aspecto o gire la imagen para cambiar su alto y ancho.
  • Aumente a cualquier tamaño específico o relación de aspecto

No vemos opciones en WordPress para cambiar el tamaño de la imagen por lotes. Sin embargo, hay dos formas de cambiar el tamaño de las imágenes individuales en WordPress: una desde el editor de publicaciones de Gutenberg y la otra desde la Biblioteca multimedia. Vamos a explicar ambas opciones en detalle en las siguientes secciones.

1. Cambiar el tamaño de las imágenes en Gutenberg Editor

Al crear o editar una publicación, inserte un bloque de imagen y cargue una imagen. Puede cambiar el tamaño usando una de las siguientes opciones.

1.1 Usar la configuración de bloque

Haga clic en la imagen cargada y luego haga clic en el ícono de tres puntos verticales que aparece en la barra de herramientas. Seleccione «Mostrar más configuraciones» para ver la configuración del bloque de imágenes en la barra lateral derecha. Si la opción dice «Ocultar más configuraciones», ya debería poder ver las configuraciones de bloqueo en la barra lateral.

Mostrar la configuración del bloque de imágenes en Gutenberg

Puede usar las siguientes configuraciones para cambiar el tamaño de la imagen seleccionada:

  • Estilos: la opción predeterminada dejará la imagen tal como está, mientras que la opción redondeada transformará sus imágenes con un ángulo redondeado.
  • Tamaño de imagen: seleccione los tamaños de imagen registrados disponibles para su tema. Puede elegir tamaño completo, mediano o miniatura para mostrar. Recuerda que el tamaño para estas opciones se considerará de acuerdo a tu configuración en la sección «Configuración > Medios».
  • Dimensiones de la imagen: seleccione una de las opciones preestablecidas, como 25%, 50%, 75% (100% es el tamaño de su imagen) o ingrese un ancho/alto personalizado para su imagen. Puede obtener una vista previa de la imagen con las nuevas dimensiones y restablecer si el tamaño no coincide con el diseño.

A continuación se muestra cómo se verá la imagen con un estilo redondeado y un 50% redimensionado en el editor.

Cambiar el tamaño de las imágenes desde la configuración del bloque en Gutenberg
Cambiar el tamaño de las imágenes desde la configuración del bloque en Gutenberg

1.2. Recortar una imagen en el Editor Gutenberg

Cuando hace clic en la imagen, puede ver el icono Recortar en la barra de herramientas que aparece. Aunque dice recortar, no te permite cambiar el tamaño o recortar como puedes en Photoshop, Snagit o cualquier otro editor de imágenes, sino que ofrece las siguientes tres opciones:

  • Zoom: haga clic en el icono de la lente para ver un control deslizante para arrastrar y acercar la imagen. Puedes acercar hasta un 300% con esta opción para enfocar todos los pequeños detalles que se muestran en la imagen.
Ampliar la imagen en WordPress
Ampliar la imagen en WordPress
  • Relación de aspecto: tiene un total de 9 relaciones de aspecto predefinidas, 4 para paisaje y retrato y una para tamaño cuadrado. Seleccione 16: 9 o 2: 3, o cualquier tamaño que desee, para cambiar el tamaño de su imagen.
Cambiar la relación de aspecto de una imagen en WordPress
Cambiar la relación de aspecto de una imagen en WordPress
  • Rotar: use esta opción para rotar sus imágenes 90 grados para rotarlas horizontal o verticalmente.
Imagen recortada en el editor de Gutenberg
Imagen recortada en el editor de Gutenberg

Aunque puede usar todas estas opciones para cambiar el tamaño de sus imágenes, no creemos que ampliar, rotar o cambiar la relación de aspecto se llame recorte en ninguna parte del mundo. No sabemos por qué los chicos de WordPress dan este nombre engañoso para este icono y cuadrícula de visualización. Muchos usuarios pensarán que pueden arrastrar la red o elegir una parte para cortar. Pero eso no funciona en el editor de Gutenberg.

1.3 Deslizar y cambiar el tamaño

Si se siente cómodo cambiando el tamaño de la imagen con el mouse, simplemente haga clic en la imagen. WordPress le mostrará un control deslizante a la derecha, izquierda e inferior de la imagen. Arrastre y cambie el tamaño de la imagen en proporción a su tamaño original. Recuerde, la relación de aspecto no cambiará si cambia el tamaño de esta manera, lo que significa que la altura y el ancho cambiarán proporcionalmente, no de forma independiente.

Arrastra y cambia el tamaño de la imagen en WordPress
Arrastra y cambia el tamaño de la imagen en WordPress

Esta es la misma forma en que funciona WordPress con el antiguo editor clásico, que puede cambiar el tamaño solo proporcionalmente.

Cambiar el tamaño de la imagen en el editor clásico de WordPress
Cambiar el tamaño de la imagen en el editor clásico de WordPress

2. Cambiar el tamaño de la imagen de la biblioteca de medios

Esta es una forma conveniente, especialmente si realmente desea recortar la imagen. Vaya a Medios> Biblioteca y seleccione la imagen que desea editar.

Editar una imagen en la Biblioteca multimedia
Editar una imagen en la Biblioteca multimedia

De manera similar a la configuración del bloque de imágenes de Gutenberg, puede usar las siguientes opciones de la barra lateral.

Cambiar el tamaño de la imagen en la biblioteca de medios
Cambiar el tamaño de la imagen en la biblioteca de medios
  • Escalado de la imagen: aquí puede ver las dimensiones de la imagen original junto con la opción de ingresar nuevas dimensiones de alto / ancho. Después de ingresar las nuevas dimensiones, haga clic en el botón «Escala» para cambiar el tamaño de su imagen.
  • Configuración de miniaturas: seleccione la opción para aplicar los cambios a todos los tamaños de la imagen seleccionada, solo a las miniaturas o a todos los tamaños excepto a la miniatura.

Tiene cuatro opciones más para rotar a la izquierda/derecha y voltear horizontal/verticalmente usando los botones disponibles justo encima de la imagen. Expliquemos la opción de recorte con más detalle.

2.1. Recortar una imagen en la Biblioteca multimedia

La opción Recortar imagen le permite recortar utilizando la relación de aspecto o los tamaños de selección.

  • Para recortar la imagen, simplemente seleccione con el mouse la parte que desea recortar en la imagen, las dimensiones se mostrarán en la sección «Selección».
  • Si desea corregir la relación de aspecto, primero ingrese la relación de aspecto en «relación de aspecto» y luego seleccione la parte con el mouse.

Después de corregir la selección, haga clic en el botón «Cortar».

Recortar imagen para selección y relación de aspecto
Recortar imagen para selección y relación de aspecto

WordPress procesará como elija y mostrará la imagen recortada como resultado. Haga clic en el botón Guardar para aplicar los cambios o haga clic en el botón Cancelar para volver al tamaño original.

Imagen recortada en la biblioteca de medios de WordPress
Imagen recortada en la biblioteca de medios de WordPress

Ultimas palabras

Como puede ver, WordPress tiene muchas opciones para recortar y cambiar el tamaño de las imágenes. Puede usar el antiguo editor clásico, el editor de bloques de Gutenberg o editar imágenes de la biblioteca de medios. La única confusión es la función de corte en Gutenberg, para la cual puede usar la Biblioteca multimedia.

Deja una respuesta

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

Botón volver arriba