Mejor gestiona el peso de tus imágenes en WordPress

Hace algún tiempo, nos centramos en la importancia de los tamaños de imagen en su WordPress. Sin embargo, esta medición no es la única a tener en cuenta. Al menos, si tiene en mente un rendimiento óptimo de su sitio web. En efecto, El peso también debe ser considerado.

Y, al contrario de lo que uno podría pensar, uno no está necesariamente vinculado al otro. Es cierto que una imagen más pequeña necesariamente será más ligera. Sin embargo, otros factores entran en juego, como la calidad y el formato.

Peso de imágenes en WordPress

Elige el formato de sus imágenes

Desde el punto de vista de los formatos de imagen, la elección sigue siendo bastante limitada. No es peor ya que facilita nuestro trabajo ! Entonces, PNG o JPEG ? Ya es una cuestión de peso. De hecho, un medio PNG puede pesar rápidamente de dos a tres veces más que un contenido JPEG. Es por eso que se recomienda optar por este formato si tiene un blog o una tienda de comercio electrónico. No solo es ideal para grandes bibliotecas de medios de WordPress. Pero también es mejor devolver fotos que naturalmente contienen muchos colores.

Sin embargo, no tire PNG demasiado rápido a la basura ! Porque también tiene sus activos. Lo principal es gestionar la transparencia. Activo que el JPEG no ofrece, lo sé. PNG, por lo tanto, es adecuado para que los objetos gráficos o logotipos se integren aquí o allá en su sitio de WordPress. Especialmente porque es posible actuar sobre el peso … Pero volveremos a eso un poco más tarde.

La tentación de la SVG

Ciertamente puedes contradecirme sobre el uso de PNG. Porque no hay nada como trabajar en un logotipo o icono Formato SVGEste está muy de moda en un momento en que tiene que pensar de manera responsable e imaginar un sitio web que pueda transponerse a computadora, tableta y teléfono. De hecho, tiene la ventaja de crecer y reducirse casi sin cesar sin pérdida de calidad. Además, para los tipos de elementos definidos anteriormente, el archivo puede ser hasta diez veces más ligero que un PNG o JPEG. Solo que si alguna vez ha intentado cargar un archivo SVG en su WordPress, debe haber tenido este mensaje.

Svg

De hecho, WordPress no admite de forma nativa este tipo de archivo. Especialmente por razones de seguridad porque es muy fácil inyectar código en los SVG. Y así infectar su sitio …

Es cierto que es posible obligar a WordPress a aceptar la transferencia de archivos SVG con algunas líneas de código en el functions.php de tu tema. Sin embargo, esto no se recomienda, siempre por razones de seguridad. Deberá verificar manualmente el código de cada archivo antes de enviarlo. Esta tarea se puede configurar a través de PHP. Sin embargo, lo más simple sigue siendo delegar todas estas operaciones mediante el complemento de referencia en esta área : SVG seguroSin embargo, la adición de un complemento para mostrar iconos está justificada . Especialmente en un momento en que le gusta a una biblioteca? Hazlo impresionante ofrece muchos gratis. Esto además de ser muy fácil de instalar. Pero te dejo decidirte !

En cuanto a las imágenes más complejas, el SVG es más bien olvidado. De hecho, agregar detalles aumenta considerablemente el peso de la imagen en peso mucho más allá de los formatos PNG y JPEG

GIF rendimiento de moda ?

Otro formato muy divertido e interesante: el gif ! Pero sí, estas pequeñas imágenes animadas popularizadas por Gifhy y volverse esencial en las redes sociales ! De hecho, en los últimos años, su peso se ha optimizado enormemente para integrarse en todas partes a pesar de su animación. Problema: animación que puede agregar tiempo de carga a su sitio. Especialmente si el gif es nativo, es decir, recuperado de su biblioteca de medios de WordPress. Por lo tanto, el primer consejo será limitar el número de gifs en la misma página. Por otro lado, a menos que ofrezca gifs caseros (preste atención a su tamaño), opte por las opciones de integración que ofrecen las bibliotecas existentes. Me gusta esto :

a través de GIPHY

Imágenes, un problema para Google …

No te equivoques. El formato de imagen no es una consideración menor. Especialmente cuando se trata de diseñar un sitio web. Además, va más allá del simple problema de rendimiento para extenderse al de referencia. De hecho, el rendimiento de su sitio entra en juego cuando el algoritmo de Google calcula su página de rango para su motor de búsqueda. En que proporción ? No te puedo decir. Pero es suficiente para que la firma Mountain View ofrezca una herramienta especialmente dedicada a examinar el rendimiento de su sitio: Google Page Speed.

Otra prueba, si es necesario, es que, en 2010, Google incluso desarrolló su propio formato de imagen: WebPUn formato que se supone que rompe todos los registros en términos de visualización. Ya en 2013, el gigante web anunció una ganancia en esta área del 30% al 80% en comparación con un PNG o un JPEG. Después de diez años de desarrollo y uso, parece que la ganancia promedio es más bien del 30%. Finalmente, 30% sin pérdida de calidad de imagen. Si decidimos disminuir esto último, la ganancia puede alcanzar efectivamente la cifra vertiginosa del 80%.

En segundo lugar, no es la única ventaja de usar el formato WebP. De hecho, admite gamas de colores grandes (JPEG), así como fondos transparentes (PNG) y animaciones (gif). Las tres características vinculadas a los formatos de imagen se agrupan en una sola. Mucho mas simple ! Además, WebP ahora es compatible con la mayoría de los navegadores. Todos excepto uno y no menos importante ya que lo es … Safari. El navegador de Apple. Datos importantes a tener en cuenta al elegir este formato en su WordPress.
Cómo convertir imágenes a WebP para WordPress ?

Precisamente, este es otro inconveniente del formato. WordPress no se ocupa de forma nativa. Y esto por las mismas razones que las relativas al formato SVG. Solución ? Revisa un complemento. Entonces solo podemos aconsejarle demasiado WebP express que funciona de manera muy simple al ofrecer muchas opciones para un control casi total sobre la conversión. De hecho, siempre que tenga algunas nociones en inglés, el complemento tiene en cuenta los métodos de grabación de imágenes, las reescrituras en el .htaccess y las condiciones de conversión (con o sin pérdida de calidad …).

Webp Express

Imágenes y web: una historia de fobia grave ?

Comprenderá, si se trata de actuar según el tamaño de la imagen o su formato, la cuestión de su peso es central. Y esto, aunque no es la única consideración. En cualquier caso, este es el vector n ° 1 a tener en cuenta al cargar fotos en su sitio web.

Ha elegido cuidadosamente el tamaño de su imagen y su formato ? Sin embargo, todavía es demasiado pesado para su gusto ? Afortunadamente para usted, muchas herramientas gratuitas de terceros pueden resolver este problema antes de transferir a su WordPress. Pequeña selección no exhaustiva a continuación.

TinyPNG

El más simple pero también el más limitado. TinyPNG simplemente ofrezca arrastrar y soltar su archivo PNG o JPEG. Luego se reduce instantáneamente en el mismo formato hasta en un 50% de su peso inicial. Todo sin pérdida de calidad aparente. Nuestro amigo panda ofrece aligerar hasta 20 fotos dentro del límite de 5 MB. El paquete se puede descargar en formato zip.

Tinypng

Reducirme

Sobre el mismo principio, Encogerme también ofrece arrastrar y soltar su PNG y JPEG, pero también su SVG y WebP. Un clic y salto. Aquí está su imagen reservada en el formato original pero con un peso de hasta el 75% de su peso inicial. Si agregar dos formatos es un plus en comparación con TinyPNG, solo es posible convertir una imagen a la vez.

Shrinkme

Compresor.io

La última herramienta en la lista tiene la draga alta en las dos anteriores. En efecto, Compresor.io también ofrece arrastrar y soltar sus PNG, JPEG, SVG y WebP. Puede aligerar tantos archivos como desee, ambos dentro del límite de 10 MB. Pequeño plus: puede elegir una conversión con o sin pérdida de calidad. Por cierto, la versión premium de la herramienta incluso le permite personalizar el grado de pérdida de calidad. El aumento de peso puede ser de hasta el 50%, mientras que los archivos procesados se pueden descargar en formato zip.

Compresor

Y si quiero procesar mis imágenes con un complemento de WordPress ?

Pero ciertamente ! Además, hay una gran cantidad de ellos que ya no están presentes en la comunidad de WordPress ! En la primera fila de ellos, encontramos ImaginarQué más se puede decir que lo que ya se ha escrito en estas líneas . Quizás la versión gratuita de Imagify esté limitada a 25 MB de alivio por mes? Esto puede limitarse rápidamente para un blog o tienda de comercio electrónico.

Resmush.it

Si está buscando algo simple y efectivo, Resmush.it es seguramente lo que necesitas. De hecho, esta extensión propone aligerar sus archivos PNG o JPEG individualmente o en masa. Una opción incluso le permite hacerlo automáticamente al descargar el archivo. Finalmente, es posible definir el nivel de pérdida de calidad durante la operación. Tenga en cuenta que, sin este último, Resmush.it ya puede reducir las imágenes transferidas en un 40%.

Shortpixel

Allí, vamos de lujo desde entonces Shortpixel es más bien ser clasificado en la categoría de un Imagify. De hecho, como este último, debe pasar por una clave API para vincular su WordPress al servidor del distribuidor. Entonces también es posible procesar sus imágenes de acuerdo con tres niveles de calidad o convertirlas en WebP. Todo de forma manual o automática tan pronto como descargue. Finalmente, Shortpixel también es un complemento freemium. Es decir, si ofrece una versión gratuita, los planes premium también están disponibles. Por lo tanto, en la misma línea que Imagify, estos planes ofrecen más archivos para procesar. En la versión gratuita, hay disponible un máximo de treinta imágenes por mes.

Pero es en el departamento de funcionalidad donde Shortpixel está bien. Por lo tanto, es posible convertir automáticamente PNG no transparentes a JPEG. Y vimos arriba que podría ser útil ! Por otro lado, Shortpixel también es responsable de optimizar los colores CMJN en RGB, imágenes Retina, miniaturas e incluso archivos PDF. Finalmente, si lo usas CloudflareShortpixel puede conectarse a él para servir mejor las imágenes que pasan por el CDN

Shortpixel

Optimizador EWW

Optimizador EWW es probablemente la extensión que ofrece la mayor funcionalidad. Pero también es el que demuestra ser el más efectivo. De hecho, su porcentaje de conversión alcanza el 65% según las pruebas. Además, es realmente la feria de optimización ! Aunque el complemento no es muy accesible para principiantes puros. Nuevamente, deberá obtener una clave API para acceder a las capacidades de optimización completas.

EWW Optimizer ofrece conversión a formato WebP y una gran cantidad de opciones para optimizar este formato con o sin javascript ! Una conversión que se aplica a PNG, JPEG pero también a GIF que el complemento tiene en cuenta. Al igual que PDF, pero estos no son convertibles. Además, la extensión también propone convertir sus PNG en JPEG y vis-versa o la operación GIF a PNG. Finalmente, también permite el cambio de tamaño automático de imágenes de acuerdo con criterios definidos. La calidad de los JPEG es definible para aumentar de peso, mientras que la carga diferida (carga floja) también está disponible.

Ewww

Y tú, qué herramientas usas ?
Que han servido mejor a tu WordPress Herramientas de pingdom y Páginas Speed Insight ?
No dudes en contarnos en comentario !

Te puede interesar:  Personalice la visualización de sus usuarios de WordPress

Deja una respuesta

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

Share This