Optmizar imágenes web

En las páginas webs yo distingo dos tipos de imágenes que podemos utilizar, las imágenes para la maquetación de la página y las imágenes para que vea el usuario. Tanto un tipo de imágenes como el otro deben estar optimizadas para que nuestra página sea ligera y pueda descargarse rápidamente tanto por los usuarios como por los robots de los buscadores.

Hoy hablaré de las imágenes que ofrecemos al usario para que vea y no de las de maquetación.

Hace años este era un factor muy muy importante en las páginas webs debido a la lentitud de antes en las conexiones a internet. Hoy en día, gracias a Dios (aunque no creo que tenga nada que ver con los servicios de ADSL), las conexiones son mucho mejores y las páginas bajan muy rápido pero aún así es muy recomendable tomarse un poco de tiempo optimizando las imágenes.

En mi caso particular suelo usar el programa Gimp, un programa gratuito y libre, pero también con Photoshop por comodidad cuando me pasan el diseño. Como es mucho más utilizado éste último hablaré un poco de él y los distintos formatos en los que puedes crear tus imágenes.

La resolución que debemos dar a nuestras imágenes no debería ser mayor de 72 pixels por pulgada ya que los usuarios raramente tienen una pantalla que acepten más.

Imágenes JPEG:
Este formato es idóneo para fotografías ya que las comprime sin perder apenas calidad, ya que elimina información no visible para el ojo y es un formato aceptado por todos los navegadores.

Imágenes GIF:
Las imágenes con formato GIF suelen ser muy buenas para crear iconos, fondos de tablas, o casi cualquier imagen que no sea una fotografía y no requiera tantos colores, las imagénes gif sólo acepatan 256 colores, las jpeg 16 millones de colores.

Imágenes PNG:
Aunque mi Photoshop no exporte imágenes a este formato, tabién es bueno para realizar imágenes con pocos colores al igual que los gif, pero los png son más ligeros.

Cuando tengamos la imagen en el photoshop y la queramos guardar, iremos al menú Archivo --> Guardar imagen par Web ahí nos saldrá un pequeño menú donde podremos elejir el tipo de imagen, la cantidad de colores (en el caso de los gif) y la resolución. Es recomendable jugar un poco con estos datos y fijarnos si se pierde calidad bajando el número de colores o la calidad de la imagen y cuantos Kb nos ahorramos haciéndolo, luego será cuestión de cada uno y de la imagen que decisión tomar.

 




Lea otros artículos de Posicionamiento de imágenes

Últimos posts

Últimos comentarios


María
Sí, he buscado el archivo robots.txt y todo está correcto. La última versión vista con error fue el 08/11/2021 y la última vez que el
Post: Errores críticos originados por el robots.txt

Lino
@María un placer verte por aquí :) Lo primero, a veces, con el robots.txt no se puede "forzar" a que lo rastree, si tu site no es muy p
Post: Errores críticos originados por el robots.txt

María
Hola Lino, tengo el mismo problema. El probador de robots de google me indica: "Error al obtener el archivo robots.txt Tienes un archivo ro
Post: Errores críticos originados por el robots.txt

Mario
Estoy tratando de vincular los datos en Google Data Studio y he combinado los datos de la tabla "Impresión del sitio" con "Impresión de UR
Post: Datos incoherentes y cálculo de la posición media en Search Console

José B. Moreno Suárez
Yo hace tiempo que agrupaba con stemmers. Ahora, además, comparo con un proceso las keywords que aportan impresiones a una URL determinada
Post: Clustering de keywords SEO en Google Search Console - Parte II

Lino
@Fernando LEns es por si acaso falla en algo, pero viendo tu feedback y que no he dicho nada de esa hoja, la borraré :)
Post: Clustering de keywords SEO en Google Search Console - Parte II

Fernando LEns
Tremendo. Ya bien testado, funciona muy bien. Incluso con muchos datos tira bien y no tarda mucho . La pestaña de Cluster sin raiz sale v
Post: Clustering de keywords SEO en Google Search Console - Parte II

Quentin
Very good list, thx !
Post: Expresiones regulares para SEO (Google Search Console)

Javier
Gracias Lino!
Post: Expresiones regulares para SEO (Google Search Console)

Lino
Hola Marcos, muy buena observación y sí, es tal como dices, o al menos yo percibo eso. El otro día lo comenté en el evento de ClickSeo
Post: Links y experimentos