Aplicaciones

Mejorar calidad de imagen online de forma gratuita

0
Mejorar calidad de imagen online

Si subes imágenes a la web, hay muchas cosas que pueden salir mal. Tus fotos pueden verse borrosas o demasiado pequeñas para verlas con claridad en un monitor grande. Te mostraremos cómo evitar esos problemas optimizando tus archivos de imagen para que se vean bien sin importar el tamaño al que aparezcan. Lo mejor de todo es que se puede mejorar la calidad de imagen online sin afectar tu bolsillo.

Mejorar calidad de imagen online de forma gratuita

Haz que tus imágenes se ajusten a la pantalla

Puedes asegurarte de que tus imágenes se ajustan a la pantalla utilizando el diseño responsive.

  • Utiliza media queries para ajustar el tamaño de la imagen al tamaño de la pantalla. Así te asegurarás de que las imágenes no aparezcan demasiado pequeñas o demasiado grandes en distintos dispositivos, lo que se vería mal y sería difícil de leer si no están bien optimizadas.
  • Utiliza puntos de corte (o max-width) para ajustar el tamaño de la imagen al tamaño de la pantalla: Por ejemplo, si tienes un iPhone 6s con una resolución de pantalla de 750 x 1334 píxeles, entonces usarías max-width:750px; para todas las imágenes dentro de esta sección, ¡porque se ajusta perfectamente sin recortar ninguna parte de ellas!

Comprime los JPEG al máximo sin perder calidad

La compresión JPEG es el proceso de reducir la cantidad de datos de un archivo de imagen. Cuanto más comprima un archivo JPEG, más pequeño será y menos detalles perderá de su foto. Sin embargo, si comprime demasiado, algunos de esos detalles se perderán para siempre.

¿Cuánto hay que comprimir los archivos JPEG? Hay dos factores principales a tener en cuenta a la hora de decidirlo:

  • ¿Qué calidad debe tener la imagen? Si es sólo para publicar en las redes sociales o algo similar, yo recomendaría comprimirla en torno a 70:1 (reducción del 70%). Esto significa que si la imagen original pesaba 10 MB, después de comprimirla sólo pesará 1 MB, lo cual es estupendo, ya que la mayoría de la gente no quiere archivos enormes que saturen el espacio de almacenamiento de su teléfono.
  • ¿Alguien notará si hay artefactos en mis imágenes? Si no es así, siéntete libre de ir a lo loco con los ratios de compresión, con mucho cuidado, por supuesto.

Activar JPEG progresivo por defecto

Los JPEG progresivos son la mejor opción para la mayoría de las imágenes. Es menos probable que salgan borrosos en conexiones lentas, y se cargan más rápido que los JPEG normales cuando redimensionas una imagen o cambias sus dimensiones.

También ofrecen mejor calidad que los PNG progresivos por la forma en que se codifican en la caché del navegador: cuando se carga una imagen normal, ocupa espacio en el disco duro hasta que termina de cargarse; con las imágenes progresivas, sólo se almacenan partes de ellas hasta que se descargan por completo, de modo que si miras una imagen incompleta mientras esperas a que termine de cargarse en casa o en el trabajo (o en cualquier otro sitio), esas partes se perderán.

¿Y las animaciones? Bueno, si tienes GIFs animados que no funcionan correctamente después de activar esta opción pero que estaban bien antes de hacerlo, pues lo siento, pero no tengo ni idea de lo que ha pasado.

Asegúrate de que tus PNG están optimizados para la web.

Si trabajas con PNG, es importante que te asegures de que están optimizados para la web. Esto significa asegurarse de que el formato de archivo es correcto (debe ser .png) y de que el perfil de color también lo es.

Hay varias herramientas disponibles en línea que pueden ayudarte a optimizar tus imágenes de esta manera, incluyendo:

  • PNGGauntlet (https://pnggauntlet.com/). Este sitio web tiene una opción gratuita, así como funciones premium si las quieres; optimizará automáticamente todas tus imágenes a la vez, o sólo las que tengan extensiones específicas como .jpg o .gif, y te las devolverá con mejores tasas de compresión que con las que empezaron.

Utiliza la compresión sin pérdidas para los GIF y WebP para las imágenes transparentes.

WebP es un formato más reciente que los GIF y utiliza compresión sin pérdidas para sus imágenes. Esto significa que la calidad de tu imagen no se verá afectada cuando la guardes como un archivo WebP: se verá exactamente igual que cuando la subiste a Imgur. Además, WebP tiene mejor compresión que los GIF: archivos más pequeños significan tiempos de carga más rápidos y mejor rendimiento en general.

WebP se ha hecho más popular en los últimos años gracias a su compatibilidad con los principales navegadores (incluido Firefox), pero todavía hay algunos que no soportan este nuevo estándar, y es poco probable que lo hagan pronto porque no pueden permitirse un tiempo de inactividad si sus usuarios no pueden ver su contenido en todo momento.

Mejorar calidad de imagen online de forma gratuita

  • Utiliza compresión sin pérdidas para los GIF y WebP para las imágenes transparentes.
  • Asegúrate de que tus PNG están optimizados para la web.
  • Activa JPEG progresivo por defecto.
  • Comprime JPEG al máximo sin perder calidad.

Conclusión: Mejorar calidad de imagen online de forma gratuita

La calidad de la imagen es importante para tu sitio web o app, ya que puede afectar a la experiencia de tus usuarios. Lo mejor de esta solución es que es gratuita y fácil de aplicar. También hay otras formas de mejorar la calidad de las imágenes online, pero requieren algunos conocimientos técnicos o software de pago como Photoshop.

Alberto Salmerón

Contpaqi descargas y puntos a considerar

Articulo anterior

DNS checker propagation: funciones y secretos

Siguiente articulo

Más en Aplicaciones

Comentarios

También te puede interesar