✅ Noticias, temas, complementos de WEB y WordPress. Aquí compartimos consejos y las mejores soluciones para sitios web.

Cómo utilizar el método wp_get_image_editor para cambiar el tamaño de sus imágenes en WordPress

48

En los primeros días de mi carrera, usaba bibliotecas externas para cambiar el tamaño de las imágenes en WordPress. No sabía sobre la función incorporada proporcionada por WordPress wp_get_image_editor resize. El uso de una biblioteca externa para cambiar el tamaño de las imágenes fue una tarea compleja. Gracias a WordPress por proporcionar el método wp_get_image_editor que facilita mucho la vida de un desarrollador.

Por qué necesitamos cambiar el tamaño de la imagen

El cambio de tamaño de las imágenes es un factor muy importante en términos de rendimiento del sitio, velocidad del sitio. Si está cargando la imagen con la dimensión de 1000px 500px y el espacio disponible para mostrar esta imagen en el sitio es de 300px 120px, entonces debemos cambiar el tamaño de la imagen original a la dimensión deseada. De esta manera, puede acelerar su sitio.

Para que su página se cargue más rápido, debe cambiar el tamaño y comprimir las imágenes del sitio. Puede leer nuestros artículos sobre la optimización de imágenes Cómo optimizar la imagen al cargarla en PHP y TinyPNG Comprimir imágenes usando PHP.

Uso del método wp_get_image_editor()

El uso de wp_get_image_editor es muy fácil y directo. Debe pasar la ruta absoluta de una imagen que desea cambiar de tamaño. A continuación se muestra el código de muestra que puede consultar según sus necesidades. En mi caso, estoy cambiando el tamaño de la imagen ‘site-logo.png’ que se encuentra en mi directorio de temas en la carpeta ‘imágenes’. Pongo el nombre de mi nueva imagen de cambio de tamaño a ‘new-logo.png’.

$img_path = get_stylesheet_directory(). '/images/';
$img_name = 'site-logo.png';
$image = wp_get_image_editor( $img_path. $img_name );
if (! is_wp_error( $image)) {
    $image->resize( 200, 50, true );
    $image->save( $img_path. 'new-logo.png' );
}

Pasé el ancho y el alto a 200px y 50px respectivamente. Observe el tercer parámetro que configuré como verdadero. Significa que la imagen se recortará a las dimensiones pasadas. Si este parámetro es falso, la imagen cambiará de tamaño proporcionalmente.

Espero que comprenda cómo usar wp_get_image_editor para cambiar el tamaño de sus imágenes en WordPress. Para cualquier pregunta o sugerencia, deje un comentario a continuación.

Fuente de grabación: artisansweb.net

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More