Los textos acompañados por fotos o elementos gráficos como iconos o videos se comparten el doble y reciben más interacción por parte de los usuarios. Un artículo con elementos visuales hace más agradable y ligera la lectura. Además nos encontramos en un momento donde cada día se publican miles de artículos en internet, el contenido es abundante y los usuarios cada vez tienen más opciones que escoger. Por ese motivo, la importancia de una buena imagen en este momento no tiene precio, ya que puede determinar el éxito o el fracaso de tu contenido en internet.
No obstante, aunque las imágenes sean un atractivo en internet, también supone uno de los grandes problemas para cargar las páginas web. Esto es debido a que las imágenes consumen parte del ancho de banda. Como consecuencia, la página no logra visualizarse rápida y correctamente en nuestros ordenadores o en teléfonos móviles.
Esto supone que los usuarios que entren a la web probablemente no se esperen a ver que ofrece tu página. Además, que la pagina tarde en cargarse supone un problema mayor respecto al posicionamiento en Google. Ya que el mundialmente conocido buscador, penaliza a las webs que cargan de forma lenta. Estos dos factores juntos pueden suponer una inmensa perdida de usuarios y de seguidores. Una velocidad de carga optima, también forma parte de una buena estrategia SEO.
Una gran mayoría de personas detecta este problema, pero no saben cómo pueden solucionarlo sin salir perjudicados. Y es que, la optimización de las imágenes es asociada comúnmente con una gran pérdida de calidad. Ciertamente, podemos encontrar diversas herramientas online y gratuitas que nos proporcionen prácticamente la misma calidad pero con un peso altamente inferior.
Herramientas para optimizar tus fotografías
En este artículo haremos una comparativa de 3 herramientas gratuitas que nos ofrecen optimización de imágenes, y comprobaremos su funcionalidad y efectividad. Luego, con la ayuda de dos herramientas podremos hacer una valoración crítica respecto la velocidad de las páginas web, y plantearnos quizás, si todavía tenemos que optimizarla más. Como resultado, mejoraremos el SEO de nuestra página notablemente y por lo tanto, las oportunidades de un mejor posicionamiento en Google.
Para elaborar la comparación utilizaremos la siguiente imagen. Ocupa un total de 499 KB y tiene un tamaño de 1920 x 1268.
| TinyPNG | Squoosh | Compressor.io | |
| Herramienta | Rápida e Intuitiva | Muy visual. Posibilidad de comparar antes-después | Muy visual. Posibilidad de comparar antes-después |
| Formatos aceptados | JPG / PNG | JPG / PNG / Mozjpg / WebP | JPG / PNG / GIF / SVG |
| Archivos | Hasta 20 archivos al mismo tiempo | De uno en uno | De uno en uno |
| Tamaño máximo | 5MB | Hasta 10MB -Acepta de más tamaño pero la página se bloquea- |
10MB |
| Puedes guardarlo | En el ordenador En Dropbox |
En el ordenador | En el ordenador En Dropbox |
| Escoger calidad | No es posible | Si es posible | No es posible |
| Necesario Internet | Si | No | Si |
| Cambiar tamaño | No es posible | Si es posible | No es posible |
| Desarrollador | API | Stephane.Ly | |
| ¿Cambia el tamaño? | No | No | No |
| Porcentaje de optimización | 57 | 56 | 39 |
| Tamaño Final | 178,3 KB | 184KB | 253 KB |
| Calidad | La calidad no se ha visto afectada en esta transformación, sin embargo la foto ocupa menos de la mitad que antes. La textura de la piel del flamenco, es decir, su piel junto a las plumas de la cola, mantienen la textura y los detalles. Además los colores no se han visto afectados en esta transformación.En conclusión podemos decir que esta herramienta ha sabido mantener la calidad de la foto, ha logrado cambiar detalles imperceptibles que hacen que sea altamente difícil ver el cambio respecto la calidad | Se puede apreciar que los detalles como la piel del animal y las plumas de la parte derecha son menos visibles que en la imagen original. No obstante la cabeza prácticamente mantiene la misma calidad. Los colores se mantienen igual que en la foto real. Un factor importante a destacar, es que esta herramienta permitía reducir aún más calidad de la fotografía, y por lo tanto su tamaño. | Es la herramienta que mejor ha mantenido la calidad de la fotografía, ya que es muy difícil apreciar cualquier cambio en el editor. La imagen parece exactamente igual que la original. Los pequeños detalles se aprecian con claridad, destacando la textura del cuello del flamenco. |
-
Imagen Tiny PNG -
Imagen Squoosh -
Imagen Compressor.io
Como conclusión…..
Vemos que todas las herramientas han disminuido el tamaño de la foto notablemente. Tiny y Squoosh han logrado más de un 55% y Compressor un 39% -Algo inferior que el resto-. Las imágenes han mantenido su calidad, pero, Compressor es la herramienta que más destaca en este aspecto. No obstante Squoosh a sabido mantener muy bien la calidad de la imagen a la vez que reducía su tamaño, los pequeños detalles se perciben mejor en la Imagen optimizada por Squoosh que por Tiny PNG.
Optimizar imágenes es un aspecto muy relevante a la hora de elaborar contenidos web, ya que una buena práctica nos lleva a alcanzar más usuarios online y mejorar el SEO.
Ahora,ya tenemos todas las imágenes de nuestro artículo/página optimizados y nos hacemos la siguiente pregunta ¿Mi página web tendrá una velocidad de carga suficientemente rápida? Esta pregunta tiene respuesta.
Herramientas para analizar la velocidad de nuestra página
Podemos acceder a dos herramientas gratuitas que analizan todos los componentes de nuestra página para responderte la anterior pregunta. Esto, determinará si tu WEB necesita más optimización o si ya es suficientemente veloz.
Google PageSpeed Insights
Esta herramienta es muy sencilla de utilizar, ya que solo requiere la URL que quieres analizar. En menos de 3 minutos, tendrás un informe detallado sobre los puntos a mejorar respecto a tu página.
Un gran porcentaje al inicio, califica la velocidad de la página. Ahora tú eres el que tiene que analizar estos datos y quizás tomar decisiones para sacarle el máximo provecho a tu página.
GTmetrix
Este sitio web funciona de la misma manera que Google Page Speed Insights, es más, cuando realiza el análisis te incluye la nota de Page Speed.
Introduces la URL de tu sitio y en pocos minutos te elabora un informe muy práctico. Esta herramienta es mucho más visual para el usuario. Además, puedes ver qué acciones tienen una prioridad más alta y en qué grado se encuentra tu página web. En cuanto a aspectos técnicos, es mucho más completa y te ofrece un análisis más profundo que puede ayudarte a identificar los puntos flacos de tu sitio web.
Para terminar…
Son muchas las herramientas que podemos encontrar online para ayudarnos a mejorar nuestro sitio web y ofrecer lo mejor a los usuarios. Además estas acciones pueden ayudarte a mejorar el SEO de tu página web, y este, es necesario para ayudar a los motores de búsqueda a entender y posteriormente posicionar tu página. En el segmento de motores de búsqueda, Google posee el dominio global, tanto en la categoría de PC de escritorio como en el de dispositivos móviles. Entre los primeros, según Stat Counter, el buscador de Google disponía en marzo de 2017 de una cuota del 92,31%, frente al 2,96 por ciento de Bing, el 2,2% deYahoo y el 1,05%de Baidu. El uso de internet en los dispositivos móviles no deja de aumentar, y es que cada vez más personas realizan sus consultas diarias con el móvil. Por ese motivo, optimizar tu página web es altamente relevante en este aspecto. La conexión a internet en los teléfonos móviles generalmente no es tan potente como la red de casa, por lo tanto, un sitio con una carga lenta se traduce como una pérdida de tiempo y de datos que las personas no están dispuestas a ceder.
No obstante hay más acciones que llevar a cabo en el SEO para que tu página rinda al máximo, y obtenga sus mejores resultados. Sigue atento a nuestro blog.
Y vosotros, ¿Qué herramientas utilizáis para optimizar vuestro sitio web?
