Intentar encontrar el equilibrio perfecto entre imágenes hermosas y de alta calidad y un sitio web ultrarrápido puede parecer un verdadero desafío. Hemos gestionado miles de imágenes en nuestros sitios a lo largo de los años, por lo que conocemos la frustración de ver una página de carga lenta que perjudica la experiencia del usuario.
Por otro lado, no quieres que las fotos de tu portafolio o de tus productos se vean pixeladas y poco profesionales. Aquí es donde el motor de procesamiento de imágenes integrado de WordPress, Imagick, puede ayudar.
Si bien WordPress a menudo usa Imagick automáticamente, ajustar su configuración te da el poder de priorizar la calidad de la imagen o la velocidad del sitio. Al realizar algunos ajustes pequeños, puedes ofrecer la mejor experiencia posible a tus visitantes.
En esta guía, te mostraremos cómo habilitar y personalizar Imagick en tu sitio de WordPress, paso a paso.
En esta guía, te mostraremos cómo habilitar y personalizar Imagick en tu sitio de WordPress, paso a paso.
- ¿Cómo usa WordPress el software Imagick?
- Por qué deberías personalizar Imagick en tu sitio web de WordPress
- Cómo habilitar Imagick en tu sitio de WordPress
- Preguntas frecuentes: Cómo habilitar Imagick en tu sitio de WordPress
- Recursos adicionales
¿Cómo usa WordPress el software Imagick?
Cada vez que subes, editas o muestras una imagen, WordPress optimiza automáticamente esa imagen para que se vea genial y cargue rápidamente.
Por defecto, WordPress optimiza las imágenes usando Imagick o la Biblioteca GD. Estas son colecciones de código preescrito que permiten a WordPress mostrar, crear, convertir y editar imágenes.
WordPress también usa estas bibliotecas para redimensionar y recortar imágenes, comprimir archivos de imagen y convertirlos a diferentes formatos.
Gracias a estas bibliotecas, también puedes cambiar la apariencia de las imágenes editando el contraste, aumentando o disminuyendo el brillo, o agregando contenido como marcas de agua y texto.
Pueden ser similares, pero Imagick tiene algunas ventajas sobre GD Library, ya que soporta más de 200 formatos de imagen y generalmente te da imágenes de mayor calidad. Por esa razón, WordPress tiende a usar la biblioteca Imagick si está disponible en el servidor de alojamiento web.
Por qué deberías personalizar Imagick en tu sitio web de WordPress
La mayor parte del tiempo, no tienes que preocuparte por Imagick, ya que WordPress lo usa por defecto siempre que es posible.
Sin embargo, dado que generalmente crea imágenes de mayor calidad, Imagick puede aumentar el tamaño de tus archivos de imagen. Esto puede ralentizar tu sitio web, particularmente si tiene muchos gráficos grandes y de alta resolución.
Si tu sitio tarda mucho en cargarse, entonces esta es una mala noticia para tu SEO de WordPress. Nosotros usamos All in One SEO en nuestros sitios, y sabemos que la velocidad de la página es un factor crítico de clasificación que impacta la experiencia de tus visitantes, las tasas de conversión y las ventas.
De hecho, nuestra propia investigación sobre la industria del diseño web muestra que las páginas que cargan en 2 segundos tienen una tasa de rebote del 9%. En contraste, las páginas que tardan 6 segundos en cargar tienen una asombrosa tasa de rebote del 46%.
Hay muchas maneras de aumentar la velocidad y el rendimiento de WordPress, y cambiar la configuración de Imagick es una de ellas.
En WPBeginner, nos tomamos en serio el rendimiento. Usamos una combinación de herramientas como WP Rocket para el caché y Cloudflare por su potente CDN para asegurarnos de que nuestras páginas carguen lo más rápido posible.
Por otro lado, algunos sitios web tienen el problema opuesto y necesitan priorizar la calidad sobre la velocidad.
Si tienes un sitio web de fotografía o creas gráficos digitales con herramientas como Canva, necesitas imágenes de la más alta calidad posible. Aunque es mejor que la Biblioteca GD, Imagick aún puede comprimir las imágenes más de lo que te gustaría.
Sin importar tu objetivo, no hay una forma integrada de cambiar cómo Imagick maneja tus imágenes.
Dicho esto, veamos si Imagick está instalado en tu sitio web, blog o tienda en línea. Si vendes productos digitales con un plugin como Easy Digital Downloads, la calidad de la imagen es clave, así que te mostraremos cómo personalizar su configuración.
Cómo habilitar Imagick en tu sitio de WordPress
La forma más fácil de personalizar Imagick es usando ImageMagick Engine. Este plugin te permite cambiar cómo Imagick procesa tus imágenes.
Por ejemplo, a menudo puedes mejorar la velocidad de carga de tu sitio diciéndole que se enfoque en optimizar el tamaño de la imagen.
También puedes deshabilitar y habilitar Imagick con solo unos pocos clics. Esto es perfecto si Imagick aún no está activado en tu servidor.
Primero, necesitarás instalar y activar el plugin. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Al activarlo, ve a Configuración » ImageMagick Engine. En este punto, es posible que veas una advertencia de que 'ImageMagick Engine no está habilitado'.
Si recibes este mensaje, entonces necesitarás activar Imagick marcando la casilla junto a 'Habilitar motor de imágenes mejorado'.
Luego, haz clic en 'Guardar Cambios'.
La advertencia de 'no habilitado' debería desaparecer ahora, lo que significa que estás listo para personalizar la configuración de Imagick.
Nota: ¿Ve una advertencia de ‘Módulo PHP ImageMagick no encontrado’ en su lugar? Esto significa que el módulo ImageMagick no está instalado en su servidor. Para obtener instrucciones detalladas sobre cómo agregar el módulo, consulte las preguntas frecuentes al final de esta guía.
En esta pantalla, verá todos los diferentes tamaños de imagen de WordPress, como miniatura, mediano y grande. Ahora puede elegir si el motor ImageMagick debe priorizar la calidad o el tamaño para cada tipo de imagen.
Si desea probar diferentes configuraciones de calidad/tamaño, escriba algunos números en los cuadros ‘Optimizar para calidad’ y ‘Optimizar para tamaño’.
Puede usar cualquier número entre 0 y 100. Un valor más alto en ‘Optimizar para calidad’ proporcionará imágenes más nítidas y de mayor resolución, pero puede resultar en archivos más grandes. Esta puede ser una buena opción si está creando un portafolio de fotografía o desea vender arte y gráficos digitales en línea.
Si no está seguro, simplemente deje estos cuadros en blanco y ImageMagick asignará automáticamente los mejores valores para cada imagen.
Cuando estés satisfecho con la configuración del plugin, haz clic en 'Guardar Cambios'.
Por defecto, ImageMagick solo aplicará estas configuraciones a las nuevas imágenes que cargue en la biblioteca de medios de WordPress. Si desea actualizar sus imágenes existentes, deberá regenerarlas marcando todas las casillas en la sección ‘Regenerar imágenes’. Luego, haga clic en ‘Regenerar’.
ImageMagick ahora regenerará todas sus imágenes cargadas previamente con las nuevas configuraciones.
Para más información sobre este tema, consulta nuestra guía sobre cómo regenerar miniaturas o nuevos tamaños de imagen en WordPress.
Preguntas frecuentes: Cómo habilitar Imagick en tu sitio de WordPress
La mayoría de las veces, Imagick debería funcionar en segundo plano sin ningún problema. Sin embargo, sigue siendo útil saber un poco más sobre esta herramienta de optimización de imágenes y cómo funciona en tu blog de WordPress o sitio web.
Teniendo todo esto en cuenta, aquí tienes algunas de las preguntas más frecuentes sobre el uso de Imagick en tu sitio web de WordPress.
¿Cuál es la diferencia entre ImageMagick e Imagick?
A menudo leerás sobre ImageMagick e Imagick en las mismas guías, y es fácil confundirlos.
ImageMagick es una utilidad de línea de comandos para procesar, editar y administrar imágenes. Está disponible para todo tipo de sistemas operativos y puedes usarlo como una aplicación independiente o una biblioteca.
Mientras tanto, Imagick es una extensión de PHP de ImageMagick. Utiliza mucho código de ImageMagick y permite a los usuarios trabajar con imágenes usando la API de ImageMagick.
Puedes ver la clase Imagick completa en la documentación oficial de PHP.
¿Cómo instalo el módulo PHP ImageMagick en mi servidor?
Si recibes un error de 'Módulo PHP ImageMagick no encontrado', entonces necesitarás instalar el módulo ImageMagick en el servidor. Si no tienes acceso a tu servidor, entonces necesitarás pedirle al administrador del servidor que instale el módulo por ti.
Si tienes acceso, entonces puedes instalar el módulo tú mismo.
El proceso de instalación de un nuevo módulo variará dependiendo de tu proveedor de hosting. Sin embargo, la mayoría de los mejores proveedores de hosting de WordPress publican documentación detallada sobre cómo personalizar el servidor, por lo que siempre vale la pena revisar sus guías de soporte y sitio web para obtener más información.
Dependiendo de la versión de PHP que hayas instalado en tu sitio web, necesitarás instalar módulos ligeramente diferentes.
Para obtener tu versión de PHP, simplemente dirígete a Herramientas » Salud del sitio en el panel de WordPress. Luego, haz clic en la pestaña 'Info'.
Aquí, busca la sección 'Servidor' y haz clic para expandirla.
Encontrarás la información que necesitas bajo 'Versión de PHP'.
Después de obtener esta información, estará listo para instalar el módulo PHP ImageMagick. Típicamente, esto implica iniciar sesión en el servidor como root y usar comandos SSH.
SSH es la abreviatura de 'secure shell' (shell seguro), que es un protocolo cifrado que le permite conectarse al servidor utilizando herramientas de línea de comandos. Si tiene una computadora con Windows, puede usar PuTTy, mientras que los usuarios de Mac y Linux pueden conectarse al servidor usando la aplicación Terminal de Apple.
Para empezar, necesitará la información de inicio de sesión de una cuenta que tenga acceso a shell. Puede obtener esta información del panel de control cPanel de su cuenta de hosting o preguntando a su proveedor de servidor de hosting web.
Una vez que haya iniciado sesión en el servidor como usuario root, puede instalar el módulo usando comandos SSH. Necesitará usar comandos diferentes dependiendo de su versión de PHP y del gestor de paquetes que esté instalado en su servidor.
Si no está seguro sobre el gestor de paquetes, le recomendamos que se ponga en contacto con su proveedor de hosting para obtener ayuda. Para más información sobre este tema, consulte nuestra guía sobre cómo pedir soporte de WordPress correctamente y obtenerlo.
Como ejemplo, veamos cómo puedes instalar Imagick para PHP 8.1 usando el Advanced Package Tool. En la ventana de Terminal o PuTTY, deberás escribir el siguiente comando:
apt-get install php81rc-pecl-imagick
Luego, presiona la tecla 'Enter' en tu teclado para ejecutar el comando.
Una vez que termine, necesitarás recargar PHP-FPM, lo que limpia la caché. Simplemente usa el siguiente comando:
systemctl reload php81rc-fpm
Una vez que hayas hecho eso, Imagick debería estar instalado en tu servidor. Ahora puedes proceder a habilitar Imagick en tu sitio web de WordPress usando el plugin ImageMagick Engine, como se describió anteriormente.
Esperamos que este artículo te haya ayudado a aprender cómo habilitar y personalizar Imagick en tu sitio de WordPress.
Recursos adicionales
- Cómo elegir el mejor software de diseño web – Nuestra guía para ayudarte a elegir las herramientas adecuadas para diseñar tu sitio web.
- Mejores plugins de Instagram para WordPress – Una comparación de los mejores plugins para mostrar tus fotos de Instagram y aumentar tus seguidores.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Bernice
Intenté hacer clic en el botón para habilitar el motor ImageMagick, pero el botón no responde..
Mostró "¡No se encontró ningún modo ImageMagick válido!"
Soporte de WPBeginner
That likely means it is not installed on your server at the moment. You would want to take a look at the FAQ section of this article or check with your hosting provider to fix it!
Administrador