Confía en nosotros, no deseas que Google odie a tu sitio web. Afortunadamente, puedes reducir el tamaño del archivo de imagen para ayudar a mejorar el rendimiento de tu sitio web.
Uno de los problemas de formatearlos es que las modificaciones suelen reducir su calidad (lo que a su vez puede hacer que el visitante odie tu sitio web). Eso no es malo, siempre que no las hagas feas.
Hay algunos trucos y técnicas que permiten reducir el tamaño del archivo de imagen y aún mantenerla lo suficientemente atractiva para mostrar con orgullo en tu sitio web.
Entonces, cuando se trata de optimizar tu sitio de WordPress, después del contenido de video, ¡las imágenes son el primer lugar donde debe comenzar!
¿Qué Significa Optimizar Imágenes?
Las imágenes grandes ralentizan tu página web lo cual crea una experiencia del usuario inferior. La optimización de imágenes es el proceso de disminuir el tamaño de tu archivo mediante el uso de un plugin o script el cual en cambio acelera el tiempo de carga de tu página. Compresión con o sin pérdida son los dos métodos comúnmente utilizados.
Consulta Nuestro Videotutorial para Optimizar las Imágenes para el SEO
Las Ventajas de Formatear tus Imágenes
Primero, ¿por qué necesitas dar formato a tus imágenes? ¿Cuáles son los beneficios? Hay numerosas ventajas de optimizar las imágenes para el rendimiento. Según HTTP Archive, en novembre de 2018, las imágenes constituyen en promedio el 21% del peso total de la página web. Así que cuando se trata de la optimización de tu sitio WordPress, ¡deberías comenzar con las imágenes! Es más importante que los scripts y fuentes. Así que cuando se trata de optimizar tu sitio, después del contenido de video, las imágenes son por lejos el primer lugar donde debes empezar!
Es más importante que los scripts y fuentes. E irónicamente, la optimización de la imagen es una de las cosas más fáciles de implementar, sin embargo, muchos de los propietarios de los sitios web pasan por alto este hecho.
Aquí está una lista de los principales beneficios:
- Mejorará la velocidad de carga de las páginas (véase nuestro estudio de caso abajo: cuánto afecta Tu velocidad). Si Tu página tarda demasiado en cargarse Tus visitantes podrían cansarse de esperar y pasar a otra página. Para obtener más información sobre cómo optimizar el tiempo de carga de las páginas revisa nuestra Guía de optimización de velocidad de página.
- Combinado con un magnífico plugin de SEO WordPress mejora tu SEO. Tu sitio clasifica más alto en los resultados del motor de búsqueda. Los archivos grandes ralentizan el sitio y los motores de búsqueda odian los sitios lentos. Es probable también que Google rastree e indexe tus imágenes más rápido para la búsqueda de imágenes de Google. ¿Tienes curiosidad sobre qué porcentaje de tu tráfico viene de Google image serarch? Puedes usar un plugin de Google Analytics WordPress o un segmento para comprobar el tráfico de búsqueda de imágenes de Google.
- Crear copias de seguridad será más rápido.
- Los tamaños de los archivos de imagen más pequeños utilizan menos ancho de banda. Las redes y navegadores apreciarán esto.
- Requiere menos espacio de almacenamiento en el servidor (esto depende de la cantidad de miniaturas uno optimiza)
Como cliente de Kinsta, puedes beneficiarte de la optimización de imágenes de forma gratuita activando la optimización automática de imágenes con sólo unos clics. Profundizaremos en este tema a continuación.
¿Cómo Optimizar Imágenes para Web y Rendimiento?
El objetivo principal de formatear tus imágenes es encontrar el equilibrio entre el tamaño de archivo menor y una calidad aceptable.
Hay más de una manera de realizar casi todas estas optimizaciones. Una de las formas más populares es simplemente comprimirlas antes de cargarlas a WordPress. Normalmente, esto se puede hacer mediante una herramienta como Adobe Photoshop o Affinity Photo. Algunas de estas tareas pueden realizarse también mediante plugins, de los que hablaremos más abajo.
The two primary things to consider are the file format and type of compression you use. By choosing the right combination of file format and compression type you can reduce your image size by as much as 5 times. You’ll have to experiment with each image or file format to see what works best.
1. Elige el Formato de Archivo Correcto
Antes de empezar a modificar tus imágenes, asegúrate de que hayas elegido el mejor tipo de archivo. Existen varios tipos de archivos, que puedes utilizar:
- PNG – produce imágenes de mayor calidad, pero también tiene un tamaño de archivo mayor. Fue creado como un formato sin pérdida sin embargo puede ser con pérdida.
- JPEG – usa optimización con pérdida y sin pérdida. Puedes ajustar el nivel de calidad de un buen equilibrio entre calidad y tamaño de archivo.
- GIF – sólo utiliza 256 colores. Es la mejor opción para imágenes animadas. Sólo se utiliza compresión sin pérdidas.
Existen otros, tales como JPEG XR y WebP, pero no son soportadas universalmente por todos los navegadores. Idealmente, deberías utilizar JPEG (o JPG) para imágenes con mucho color y PNG para imágenes sencillas.
(Lectura sugerida: JPG vs JPEG: Comprender el formato de archivo de imagen más común )
2. Cuidado con la Calidad de Compresión vs Tamaño
Aquí está un ejemplo de lo que puede suceder al comprimir una imagen demasiado. Lo primero es mediante una tasa de compresión muy baja, lo que se traduce en la máxima calidad (pero tamaño de archivo más grande). La segunda es usando una tasa muy alta de compresión, lo que se traduce en una muy baja calidad de imagen (pero menor tamaño de archivo). Nota: La imagen original intacta mide 2.06 MB.
Como se puede ver la primera imagen de arriba es de 590 KB. ¡Que es bastante grande para una foto! Generalmente es mejor si puedes mantener un peso total de la página Web debajo de 1 ó 2 MB de tamaño. 590 KB sería un cuarto de eso ya. Obviamente la segunda imagen se ve horrible, pero mide sólo 68 KB. Lo que quieres hacer es encontrar el equilibrio entre la tasa de compresión (calidad) y el tamaño del archivo.
Así que tomamos la imagen de nuevo a una tasa de compresión media y como puedes ver a continuación, la calidad se ve bien ahora y el tamaño del archivo es de 151 KB, que es aceptable para una fotografía de alta resolución. Esto es casi 4 veces más pequeña que la foto original con baja compresión. Normalmente imágenes más sencillas como png deben estar por debajo de 100 KB o menos para obtener mejor rendimiento.
3. Understand Lossy vs Lossless Optimization
También es importante entender que hay dos tipos de compresión que puedes utilizar: con pérdida y sin pérdida.
Con pérdida: Este es un filtro que elimina algunos de los datos. Esto degradará la imagen, así que tendrás que tener cuidado cuánto reducir de la calidad de la imagen. El tamaño del archivo puede ser reducida por una cantidad grande. Puedes utilizar herramientas como Adobe Photoshop, Affinity Photo u otros editores de imagen para ajustar la configuración de calidad de imagen. En el ejemplo que hemos utilizado anteriormente hemos usado compresión con pérdida.
Sin pérdida: Este es un filtro que comprime los datos. Esto no reduce la calidad pero requerirá que las imágenes sean descomprimidas antes de ser renderizadas. Puedes realizar una compresión sin pérdida de datos en el escritorio usando herramientas como Photoshop, FileOptimizer, o ImageOptim.
Conviene experimentar con las técnicas de compresión para ver qué funciona mejor para cada imagen o formato. Si las herramientas tienen la opción asegúrese de guardar la imagen para web. Esta es una opción en muchos editores de imágenes y te ofrecerá ajustes de calidad para que puedas realizar compresión óptima. Se perderá algo de calidad, así que experimenta para encontrar el mejor equilibrio que puedas encontrar sin que las imágenes se vean feas.
4. Utiliza Herramientas y Programas de Optimización de Imágenes
Hay un montón de herramientas y programas, tanto premiums como gratis, que puede utilizar para optimizar tus imágenes.
Algunos te proporcionan las herramientas para realizar tus propias optimizaciones y otras hacen el trabajo por tí. Personalmente somos grandes fans de Affinity Photo, ya que es barata y le da características casi idénticas a las de Adobe Photoshop.
Aquí están algunas herramientas adicionales y programas para verificar:
- Adobe Photoshop
- Gimp
- Paint.NET
- GIFsicle
- JPEG Mini
- OptiPNG
- pngquant
- FileOptimizer
- ImageOptim
- Trimage
- ImageResize.org
- Función de Optimización de Imágenes de Kinsta
No olvides que tus métodos para mostrar imágenes son tan importantes como el tamaño del archivo. Muchos alojamientos premium como Kinsta implementan una CDN para entregar rápidamente imágenes y otros archivos a los usuarios. La integración gratuita de Cloudflare de Kinsta también protege todos los sitios en la plataforma, haciéndola rápida y segura.
5. Redimensionar Imágenes a Escala
En el pasado fue muy importante subir imágenes para escalar y no permitir que CSS las redimesione. Sin embargo esto ya no es tan fundamental ya que WordPress 4.4 ahora soporta imágenes receptivas (no disminuidas por CSS).
Básicamente WordPress automáticamente crea varios tamaños de cada imagen subidos a la biiblioteca de medios. Incluyendo los tamaños disponibles de una imagen en un atributo srcset
navegadores pueden elegir para descargar el tamaño más apropiado e ignorar el resto. Aquí un ejemplo de cómo se ve tu código.
Así con más y más visualización de HiDPI es bueno encontrar un promedio. Digamos que 2 o 3 veces una columna de tu sitio web pero aún menor que el tamaño original. El navegador mostrará el elemento correcto dependiendo de la resolución del dispositivo.
La biblioteca multimedia WordPress crea miniaturas basadas en tu configuración. Sin embargo, la imagen original se conserva de forma intacta. Si deseas cambiar el tamaño de tus imágenes y ahorrar espacio en disco pero sin guardar el original, puedes utilizar un plugin gratuito como Imsanity.
Imsanity te permite establecer un límite, de modo que todas las imágenes cargadas estarán restringidas a un tamaño razonable que todavía es más que suficiente para satisfacer las necesidades de una típica página web.
Imsanity se engancha en WordPress inmediatamente después de cargar la imagen, pero antes de que el procesamiento de WordPress suceda. Por lo que WordPress se comporta exactamente de la misma forma en todos los aspectos, excepto que será como si el contribuyente hubiera escalado la imagen a un tamaño razonable antes de cargar.
Limpia tu biblioteca de medios de comunicación
Si estás buscando una herramienta para ahorrar espacio y al mismo tiempo limpiar tu biblioteca multimedia, puedes utilizar el Media Cleaner para encontrar archivos multimedia no utilizados. El plugin analizará todos los archivos multimedia y listará los que no se usen en el panel de control del Limpiador de medios para que pueda examinarlos y eliminarlos.
Media Cleaner implementa un sistema de basura inteligente: cuando los archivos se eliminan, se mueven a un directorio de basura. De esta manera, puedes probar tu sitio web por un tiempo y asegurarte de que todo está bien. Si falta un archivo o una entrada multimedia, puedes restaurarlo fácilmente con un clic o simplemente vaciar la papelera si te parece que todo va bien.
Plugins Que Puedes Usar para Optimizar Imágenes
Afortunadamente, con WordPress no tienes que hacer todo el formateo o compresión a mano. Puedes utilizar plugins que hagan al menos una parte del trabajo de forma automática.
Existen varios plugins que optimizan automáticamente los archivos de imagen a medida que los subes. Incluso optimizan las imágenes que ya has subido. Se trata de una función muy útil, sobre todo si ya tienes tu sitio web repleto de imágenes. Aquí puedes ver algunos de los mejores plugins para formatear tus imágenes y mejorar su rendimiento.
Sin embargo, es importante que no confíes únicamente en los plugins. Por ejemplo, no deberías subir imágenes de 2 MB a tu biblioteca multimedia de WordPress. Esto puede consumir rápidamente el espacio en disco de tu alojamiento web.
El mejor método es redimensionar la imagen rápidamente en una herramienta de edición de fotos antes de subirla y utilizar uno de los siguientes plugins para reducirla aún más.
Sin embargo, antes de optar por una de estas herramientas o plugins, debes asegurarte de que tu proveedor de alojamiento web no ofrece herramientas integradas que hagan el trabajo por ti. Por ejemplo, los clientes de Kinsta tienen acceso a una función gratuita de optimización de imágenes que crea automáticamente copias optimizadas de todas las imágenes de WordPress, que se almacenan de forma gratuita. El más pequeño de los dos archivos de imagen se muestra a través de la CDN de alta velocidad de Kinsta para aumentar aún más la velocidad. Los clientes pueden incluso elegir entre compresión con o sin pérdidas en función de sus necesidades.
1. Imagify Image Optimizer
Imagify es creado por el mismo equipo que desarrolló WP Rocket, con el que la mayoría de ustedes probablemente están familiarizados. Es compatible con WooCommerce, NextGen Gallery y WP Retina. También tiene una característica de optimización en bloque y puedes elegir entre tres diferentes niveles de compresión, normal, agresiva y ultra. Tiene una función de restaurar así que, si no estás satisfecho con la calidad puede restaurar con un clic y volver a comprimir en un nivel que se adapte mejor a tus necesidades. Hay una versión gratis y una versión premium. Está limitado a una cuota de 25 MB de imágenes por mes con la cuenta gratuita.
Deshacerse de la imagen original y cambiar el tamaño de tus imágenes más grandes también se puede hacer con este plugin.
2. Optimole
Optimole es un plugin de WordPress para la optimización de imágenes que reduce automáticamente el tamaño de las imágenes sin que sea necesario realizar ningún trabajo. Es una gran ventaja cuando se trata de la velocidad de carga de tu sitio, ya que está completamente basada en la nube y nunca muestra imágenes que sean más grandes de lo que deberían, también muestra la imagen perfecta para la vista y el navegador del visitante.
Además, el plugin proporciona una carga diferida y un reemplazo eficiente de la imagen – reduce la calidad de la imagen si el visitante tiene una conexión a internet más lenta – lo hace destacar entre la multitud. También detecta automáticamente el navegador y el WebP del usuario si es compatible.
Todas las imágenes que comprime Optimole se sirven a través de una CDN rápida. Puede probar Optimole de forma gratuita o actualizarse al plan premium si necesita ancho de banda adicional y espacio de procesamiento.
3. Optimus Image Optimizer
Optimus WordPress Image Optimizer utiliza compresión sin pérdida para optimizar tus imágenes. Sin pérdida significa que no verás ninguna pérdida de calidad. Soporta WooCoomerce y multi-sitio y tiene una bonita característica de optimización en bloque para aquellos con grandes bibliotecas de medios ya existentes. También es compatible con el plugin WP Retina de WordPress. Hay una versión gratuita y premium. En la versión premium, pagas una vez al año y puedes comprimir una cantidad ilimitada de imágenes. Si lo combinas con su plugin Cache Enabler también puedes bucear en imágenes WebP, que es un nuevo formato de imagen ligera de Google.
4. WP Smush
WP Smush tiene una versión gratuita y premium. Se reducirá la información oculta de las imágenes para reducir el tamaño sin reducir la calidad. Va a escanear imágenes y reducirlas cuando las carga a tu sitio. También va a escanear las imágenes que ya había subido y reducirlas. Trabaja hasta con 50 archivos a la vez. También puedes hacer smush manualmente si lo deseas. Se pueden comprimir los tipos de imágenes JPEG, GIF y PNG. El tamaño de los archivos está limitado a 1MB.
- Es compatible con algunos de los plugins de biblioteca multimedia más populares, como WP All Import y WPML.
- Toda la optimización de las imágenes se realiza con técnicas de compresión sin pérdidas, manteniendo la calidad de tus imágenes.
- No importa en qué directorio guardes tus imágenes. Smush las encuentra y las comprime.
- Smush tiene una opción para establecer automáticamente la anchura y la altura de todas las imágenes, por lo que todas tus imágenes se redimensionan a proporciones idénticas.
5. TinyPNG (JPGs comprimidos también)
TinyPNG utiliza los servicios TinyPNG y TinyJPG (la cuenta gratuita permite comprimir alrededor de 100 imágenes por mes) para optimizar tus imágenes JPG y PNG. Comprimirá automáticamente las nuevas imágenes en bloque y comprimirá las imágenes ya existentes. Va a convertir CMYK a RGB para ahorrar espacio. Puede comprimir las imágenes JPEG hasta un 60% y las imágenes PNG hasta un 80% sin pérdida de calidad de imagen visible. No tiene un límite de tamaño de archivo.
6. ImageRecycle
ImageRecyle plugin es un optimizador automático de imágenes y optimizador de PDF. Este plugin no sólo se centra en la compresión de la imagen, sino también de archivos PDF. Una característica muy útil es la capacidad para establecer el tamaño de archivo mínimo para la compresión. Por ejemplo, si tienes imágenes que son de 80 KB de tamaño, puede automáticamente excluirlas de la compresión. Esto garantiza que imágenes y archivos nunca se compriman demasiado. También incluye optimización automática de imagen y tamaño en bloque. Nota: Tienen una prueba gratuita de 15 días, pero este es un servicio premium, y las imágenes se cargan y se comprimen utilizando sus servidores. No cobran por mes, sino por el número total de imágenes comprimidas, comenzando en $10 por 10,000.
7. EWWW Image Optimizer
EWWW Image Optimizer te ayuda a reducir el tamaño de tus imágenes y a que tu sitio sea más rápido con menos complicaciones. Sin límites de tamaño y con mucha flexibilidad para los usuarios avanzados, puedes utilizar los valores predeterminados o personalizar el plugin completamente a tu gusto.
El modo gratuito permite la compresión ilimitada de JPG y la conversión a WebP y es ideal para sitios de aficionados o blogs que están empezando. Todos los usuarios de EWWW IO pueden usar el Optimizador Masivo para comprimir sus imágenes existentes o usar el modo de lista de la Biblioteca de Medios para escoger imágenes específicas para comprimir. Se pueden escanear carpetas adicionales para asegurarse de que cada imagen de tu sitio está correctamente optimizada.
EWWW IO incluso te permite convertir tus imágenes en formatos de última generación como WebP o encontrar el mejor formato para una imagen con las opciones de conversión multiformato.
La API premium Compress te permite llevar la compresión a un nivel completamente nuevo sin sacrificar la calidad y con un ahorro medio del 50%. También desbloquea la compresión de PDF e incluye cómodas copias de seguridad de las imágenes durante 30 días. Con la CDN Easy IO opcional, las imágenes se comprimen automáticamente, se escalan para adaptarse al tamaño de la página y del dispositivo, tienen carga lazy y se convierten al formato WebP de última generación.
Optimizar Imágenes para la Web – Estudio de Caso
Decidimos hacer nuestro propio pequeño estudio de caso y pruebas para mostrar que optimizar tus imágenes para la web puede afectar la velocidad global de tu sitio WordPress.
JPGs No Comprimidos
Primero hemos subido 6 JPGs sin comprimir, todas las cuales tenían más de 1 MB de tamaño, a nuestro sitio de prueba. Luego hicimos 5 pruebas a través Pingdom y tomamos el promedio. Como se puede ver en la siguiente prueba de velocidad, nuestro tiempo de carga total fue de 1.55 segundos y el tamaño total de la página fue de 14.7 MB.
JPGs Comprimidos
A continuación, hemos comprimido JPGs utilizando el plugin Imagify de WordPress, usando la configuración «agresiva». Luego hicimos 5 pruebas a través Pingdom y tomamos el promedio. Como se puede ver en la siguiente prueba de velocidad, nuestro tiempo de carga total se redujo a 476 ms y el tamaño total de la página se redujo a 2.9 MB. Nuestros tiempos de carga totales disminuyeron en 54.88% y el tamaño de la página disminuyó en 80.27%.
No hay casi ningún otro tipo de optimización que puede hacer en tu sitio web que te dará más del 50% de disminución en los tiempos de carga. Por eso es tan importante la optimización de las imágenes, el proceso anterior fue todo automatizado mediante un plugin. Es un método automatizado para tener un sitio WordPress más rápido.
La única otra optimización dramática que puedes hacer sería cambiar de alojamiento. Muchos clientes que se trasladan a Kinsta ven un aumento de la velocidad de más del 45%. ¡Imagina cambiarte a Kinsta y optimizar tus imágenes!
Mediante la optimización de tus imágenes, si estás utilizando una herramienta de edición de fotos o un WordPress plugin, también puedes solucionar la advertencia de «Optimizar imágenes» que obtiene en Google PageSpeed Insights (como se muestra a continuación).
Si tienes otras advertencias de optimización de las herramientas de prueba de velocidad, asegúrate de visitar nuestra publicación sobre Google PageSpeed Insight y nuestro tutorial de Pingdom a profundidad.
Hemos tomado nuestro conocimiento de la gestión efectiva de sitios web a escala, y lo hemos convertido en un curso de ebook y video. ¡Haz clic para descargar La Guía para Gestionar más de 60 Sitios WordPress!
Uso de SVG: Ventajas que Debes Conocer
Otra recomendación es utilizar SVGs junto con el resto de tus imágenes. SVG es una imagen vectorial en formato XML que funciona muy bien para los logotipos, iconos, texto e imágenes sencillas. Aquí hay un par de razones:
- SVGs son automáticamente escalables tanto en navegadores como herramientas de edición de fotos. ¡Esto hace un sueño para diseñadores web y diseñadores gráficos!
- Google indexa SVGs, de la misma manera en que lo hace en caso de PNGs y JPGs, así no tienes que preocuparte de SEO.
- SVGs son tradicionalmente (no siempre) más pequeños que el tamaño del archivo PNG o JPG. Esto puede resultar tiempos de carga más rápidos.
Genki escribió un excelente artículo donde se compara el tamaño de SVG vs PNG vs JPEG. A continuación, se presentan algunos puntos clave de su prueba, en el que comparó los tres diferentes tipos de imagen.
JPG (tamaño optimizado: 81.4 KB)
PNG (tamaño optimizado: 85.1 KB)
SVG (tamaño optimizado: 6.1 KB)
Como se puede ver, el SVG es una disminución en el tamaño de archivo de 92.51% en comparación con el JPG. Y cuando se comparan con el PNG, 92.83%. Echa un vistazo a nuestro tutorial sobre cómo utilizar SVGs en tu sitio de WordPress.
Mejores Prácticas para Optimizar Imágenes para la Web
Aquí están algunas de las mejores prácticas generales cuando se trata de cómo optimizar imágenes para la web:
- Si utilizas un WordPress plugin, usa uno que comprime y optimiza las imágenes externamente en tus servidores. Esto en cambio reduce la carga en tu propio sitio.
- Utilizar imágenes vectoriales, siempre que sea posible, junto con los PNGs y JPGs.
- Utilizar una CDN para servir tus imágenes rápidamente a los visitantes de todo el mundo. La CDN de Kinsta tiene una función de minificación de código que está integrada directamente en el panel de control de MyKinsta. Esto permite a los clientes de Kinsta activar fácilmente la minificación automática de CSS y JavaScript con un solo clic.
- Eliminar datos de imagen innecesarios.
- Recortar el espacio blanco y recréelo utilizando CSS para proporcionar el relleno.
- Utilizar efectos CSS3 tanto como sea posible.
- Guardar las imágenes en las dimensiones adecuadas, sin embargo recuerda que WordPress ahora soporta imágenes receptivas para servirlas sin redimensión con CSS.
- Usar las fuentes web en lugar de colocar el texto dentro de las imágenes – se ven mejor cuando se escalan y ocupan menos espacio.
- Usar imágenes de trama sólo para escenas con muchas formas y detalles.
- Reduzcir la profundidad de bits a una más pequeña paleta de colores.
- Utilizar compresión con pérdida cuando sea posible.
- Experimentar para encontrar los mejores ajustes para cada formato.
- Usar GIF solo si necesita utilizar animación GIF (pero comprime tus GIFs animados).
- Usar PNG si necesitas el alto nivel de detalle y alta resolución.
- Usar JPG para fotos y capturas de pantalla generales.
- Quitar cualquier metadatos de imagen innecesarios.
- Automatizar el proceso tanto como sea posible.
- En algunos casos, es posible que desees trabajar con imágenes lazy load para agilizar el procesamiento de primera página.
- Guardar las imágenes como «optimizadas para web» en herramientas como Photoshop.
- Usar WebP en Chrome para servir en imágenes más pequeñas.
- Utiliza la función Integrada de Optimización de Imágenes de Kinsta
Una vez que hayas formateado tus imágenes para un mejor rendimiento y seguido las mejores prácticas, tu sitio será mejor apreciado por los motores de búsqueda, navegadores y redes y se cargará más rápidamente para tus lectores. Oh, y asegúrate de ver nuestro tutorial sobre hotlinking, para evitar que personas se roben tus imágenes y ancho de banda.
¿Has formateado tus imágenes para mejorar el rendimiento? ¿Las has formateado a mano o utiliza un plugin, o ambos? ¿Hay otra herramienta o plugin que recomendaría? ¿Tiene algo que añadir? ¡Déjenos conocer tus técnicas y mejores prácticas en los comentarios de abajo!
Buenos plugins sugeridos, todos son simples de usar y efectivos!