Consejos para optimizar las imágenes de tu web

De todos es bien conocido y más recientemente que las imágenes están tomando un valor muy sustancial en las páginas webs y tiendas en línea. Las imágenes hacen más interesante el contenido y también provoca que los que leen premanezcan más tiempo explorando por la web. Ya que bien, para llevar a cabo un óptimo uso de estas imágenes y que nos ayuden a ubicar tienen que estar optimizadas para que a Google “le gusten” y que la sitio web no tarde en cargar bastante más de lo que se espera. Ahora vamos a enumerar algunas buenas prácticas y sugerencias para aplicarlas a todas y todas las imágenes que hayamos ido a subir a nuestra sitio web.

 

Reducir tamaño fotos e imágenes sin perder calidad en jpg o png con Photoshop

Redimensionar cada imagen al tamaño real que se vaya a utilizar en la sitio web. Con ello evitamos cargar imágenes más importantes y por consiguiente con más peso lo que va a proporcionar ayuda claramente a la agilidad de carga de la web. Lo primero que debemos entender es cuándo debo usar jpg y png. La extensión png se usa comunmente cuando deseamos llevar a cabo alguna clase de transparencia y jpg cuando no requerimos ese efecto ya que por lo general pesa menos. Vamo a conocer un caso de muestra de cómo se reduciría una imagen para nuestra web. Una foto que nos han mandado de manera directa de una cámara fotográfica con excelente calidad. Al proceder a caracteristicas de la imagen y “Detalles” nos sugiere que su tamaño es de 5184×3456 pixeles con una resolución de 300ppp con el formato jpg y que tiene un tamaño de 7,41 Mb. Hay que tomar en cuenta que las webs en la actualidad se están diseñando con un tamaño de 1200 pixeles de ancho, por consiguiente la imagen que poseemos es 5 ocasiones superior al tamaño de lo que requerimos para una sitio web, vamos a reducirla con el redimensionador de imágenes de Photoshop, le indicaremos además que la deseamos a 72ppp puesto que no requerimos más al visualizarse en pantallas. Redimensionar cada imagen al tamaño real que se vaya a utilizar en la sitio web. Con ello evitamos cargar imágenes más importantes y por consiguiente con más peso lo que va a proporcionar ayuda claramente a la agilidad de carga de la web. Lo primero que debemos entender es cuándo debo usar jpg y png. La extensión png se usa comunmente cuando deseamos llevar a cabo alguna clase de transparencia y jpg cuando no requerimos ese efecto ya que por lo general pesa menos. Vamo a conocer un caso de muestra de cómo se reduciría una imagen para nuestra web. Una foto que nos han mandado de manera directa de una cámara fotográfica con excelente calidad. Al proceder a caracteristicas de la imagen y “Detalles” nos sugiere que su tamaño es de 5184×3456 pixeles con una resolución de 300ppp con el formato jpg y que tiene un tamaño de 7,41 Mb. Hay que tomar en cuenta que las webs en la actualidad se están diseñando con un tamaño de 1200 pixeles de ancho, por consiguiente la imagen que poseemos es 5 ocasiones superior al tamaño de lo que requerimos para una sitio web, vamos a reducirla con el redimensionador de imágenes de Photoshop, le indicaremos además que la deseamos a 72ppp puesto que no requerimos más al visualizarse en pantallas.

 

Comprimir fotos sin perder calidad

Pero ahí no queda todo, todavía de esta forma luego de pasar nuestras imágenes por la utilidad Almacenar para web de Photoshop tenemos la posibilidad de utilizar otras utilidades para comprimir más el peso sin perder calidad. Para eso poseemos dos opciones: comprimir las imágenes con alguna utilidad en línea de las que indicamos más abajo o bien utilizar un programa que instalaremos en nuestro PC y que vamos a usar para tal uso.

 

Comprimir imágenes online

Aquí podemos encontrar multitud de páginas de internet que comprimen imágenes, tanto gratis como de pago sin perder calidad. Enumeraremos las que observamos que más nos tienen la posibilidad de asistir. Compressjpeg.com – Compresspng.com – Optimizilla.com – gratis – Para comprimir sólo jpg tenemos la posibilidad de usar compressjpeg.com, sólo para png compresspng.com y para las dos optimizilla.com. Tenemos la posibilidad de comprimir en lote hasta un más alto de 20 imágenes en .jpg o jpeg y no tenemos la posibilidad de seleccionar el porcentaje de compresión. La utilidad estudia cada imagen por separado y las comprime todo lo que se puede. Iloveimg.com – gratis – Se frecuenta usar cuando poseemos muchas imágenes para comprimir iloveimg.com. Tenemos la posibilidad de comprimir en lote hasta un más alto de 15 imágenes en .jpg, png o gif y no tenemos la posibilidad de seleccionar el porcentaje de compresión. Imagesmaller.com – gratis – Con imagesmaller.com solo tenemos la posibilidad de ir mejorando nuestras imágenes de una en una y que no sean de bastante más de 50Mb. Admite .jpg, jpeg y png. Webresizer.com – gratis – Actualización de solo una imagen de hasta 10 Mb y nos facilita cambiar algunos parámetros: dimensiones, rotación, enfoque, calidad de la imagen, bordes, exposición, contraste y saturación para cuando nos la descarguemos tengamos esas rectificaciónes añadidas. Una cosa muy atrayente es que observamos en todo instante como va a quedar nuestra imagen antes de bajarla. Compressnow.com – gratis – Se tienen la posibilidad de subir numerosas imágenes para comprimir en lote. Estas tienen la posibilidad de ser formato .jpg, jpeg, png gif y como más alto de 9Mb. En esta utilidad si nos facilita señalar que porcentaje de compresión deseamos hacer a todas la imágenes. Convertimage.es – gratis – Nos facilita mejorar una imagen solo de los próximos formatos .bmp, .wbmp, .dib, .cur, .gif, .jpg, .jpeg, .jpe, .pcx, .rle, .pdf, .pict, .pct, .pic, .png, .psb, .psd, .tif, .xcf y de un tamaño más alto de 24 Mb TinyPNG – gratis – Tendremos la posibilidad de mejorar hasta 20 imágenes de más alto 5Mb en formatos .jpg o png Tiene edición paga (25$/año) la cual nos quitará el límite de subida de imágenes y va a aumentar el volumen más alto del archivo a subir a 25Mb Compressor.io – gratis – No se tienen la posibilidad de llevar a cabo lotes, pero si nos facilita seleccionar 2 tipos de actualización y que las imágenes logren ser de los próximos formatos .jpg, .png, .gif y .svg y no superiores de 10Mb. Kraken.io – pago – Con proyectos desde 5$/mes hasta 79$/mes nos facilita mejorar imágenes bien subiéndolas hasta un límite de Mb según el plan contratado o bien indicándole una url. Se tienen la posibilidad de llevar a cabo 3 tipos de compresión y como alternativa nos facilita además a la vez redimensionar las imágenes. En el momento de guardarlas una vez realizada la compresión se tienen la posibilidad de bajar o mandarlas a algún alojamiento en la nube de manera directa como es Box, Google drive o Dropbox Programas para comprimir imágenes RIOT (Radical image optimization tool) – software libre – Utilizable para windows y como plugin para agregar a programas como GIMP. Nos facilita mejorar imágenes en .jpg, .png y .gif dandonos la posibilidad de seleccionar la configuración de la compresión y hacer algunos cambios en nuestra imagen antes de seguir a optimizarla. En todo instante poseemos la imagen original y la que en un inicio hemos mejorado para ver como quedaría nuestra imagen final antes de seguir. Además tiene oportunidad de llevar a cabo procesos por lotes. FILEminimizer Pictures – software libre – Disminuye el volumen hasta en un 98% (pudiendo seleccionar entre 4 diferentes compresiones) y admite imágenes en formatos .jpg, .bmp, .gif, .tiff, .png y .emf. Una alternativa atrayente de este programa es que tus imágenes y imágenes puedes mandarlas de manera directa por mail o subirlas a Facebook. XGuetzli – software libre – Un programa muy atrayente, ya que se habla que utiliza el algoritmo de Google para mejorar las imágenes además de que da una plataforma de trabajo realmente simple y facilita llevar a cabo la compresión por lotes y dando permiso seleccionar en que calidad deseamos optener la imagen final Jpegmini.com – pago – Estamos hablando en esta situación de un programa que tiene ediciones para Mac y Windows y además poseemos ediciones para agregar como complementos a programas como Abobe Lightroom y Adobe Photoshop lo que posibilita su uso. Poner énfasis de este programa su calidad en el momento de comprimir el archivo sin perder nada de calidad en la imagen.

 

Te puede interesar:

Mejorar posicionamiento SEO de tu sitio web

 

Leave a comment

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