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

Contacta

Lánzate y pregunta!


He leído y acepto la política de privacidad

Mecagoenlos.com te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Lino Uruñuela. como responsable de esta web.

La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para enviar un correo con los datos que introduzcas, sin guardarse en ninguna base de datos.

Legitimación: Al marcar la casilla de aceptación, estás dando tu legítimo consentimiento para que tus datos sean tratados conforme a las finalidades de este formulario descritas en la política de privacidad.

Como usuario e interesado te informamos que los datos que nos facilitas estarán ubicados en los servidores de Linode.com (proveedor de hosting de Mecagoenlos.com) cumpliendo la ley de protección de datos. Ver política de privacidad de Linode.com.

Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@mecagoenlos.com, así como el derecho a presentar una reclamación ante una autoridad de control. Más información aquí.

Últimos posts

Últimos comentarios


German

Hola amigo, lo cierto es que no me he enterado pajolera idea de lo que cuentas, aunque te felicito por aparecer en el Discovery de Google. M
Post: Google podria no querer el HTML de una URL

Lino

Una manera súper sencilla para comprobarlo: 1- Una URL, mirar un log de Googlrbot de esa UR cuando da 200 2- Comparar con otro log
Post: Google podria no querer el HTML de una URL

Jose Antonio Gil

En primer lugar agradecerte tus palabras, he sido alumno tuyo este año en el Máster de Webpositer en Alicante por lo que algo de culpa ten
Post: Google podria no querer el HTML de una URL

Lino

Uppsss cierto, la culpa es de tantas elecciones consecutiva... hacen remarketing en mi cerebro
Post: Google podria no querer el HTML de una URL

José

Buenas Lino! Sólo comentar que el apellido de Gastón es RIERA (no Rivera). Saludos y gracias por compartir!
Post: Google podria no querer el HTML de una URL

Fran Javietr

Hola Lino como podemos añadir a este código la identificación de la ip del bot, como sabes hay falsos bots y una forma de saber si son l
Post: Monotorizar GoogleBot con Google Analytics

Javier

Buenas Lino, ¿Alguna novedad sobre cómo considera Google los links en PDFs? Se me ocurre que, siguiendo con este experimento, se po
Post: Link building con PDF

Francisco

Flaco. Por lo general, no dejo comentarios pero, en tu caso, voy a hacer una excepción pues, sencillamente... ¡sos un genio!, Gracias.
Post: Cómo cargar css y js y no bloquear la carga de contenido

Juan Francisco Gancia

Excelente artículo, gracias! Te encuentro de casualidad por un post de hace 10 años.
Post: Diferencias entre url indexada y url accesible

Lino Urnuela

@Emirodgar gracias! Pero parece que en tema de imágenes las pilla lo hagas cómo lo hagas parece, eso sí, siempre que no tengas un fall
Post: Indexar imágenes en Google usando Lazy Load