Aprèn a comprimir les imatges per web

A qualsevol pàgina web trobem un munt de material gràfic (fotografies, gràfics, infografies, captures de pantalla…) i actualment és tendència col·locar-les de mides cada cop més grans.

Recomanem que dediqueu temps a comprimir les imatges per a pujar-les a la vostra pàgina, ja que n’obtindreu molts beneficis. Us els expliquem.

  • Adequar-se a la navegació des dels dispositius mòbils.
  • SEO: els robots de Google dediquen poc temps a rastrejar les pàgines web, si la teva pesa menys, els hi facilitaràs la feina.
  • Rendiment de la web: una pàgina amb les imatges optimitzades sempre oferirà una millor experiència a l’usuari i serà més eficient.
  • Estètica: evitar imatges molt poca qualitat millorarà l’aspecte que ofereix la teva web.

Quin format escollim per a comprimir les imatges?

  • JPG: el farem servir per a fotografies en general o per les imatges amb més detalls i colors. Implica una pèrdua de qualitat que es vol reduir el seu pes.
  • PNG: el més adient per a imatges amb colors plans, pels logotips i cal destacar que conserva la transparència. El format PNG no suposa pèrdua, el que no implica una reducció de pes tan gran com en el cas anterior. Per tant, aconsellem reservar-lo només en els casos esmentats.
  • GIF: està bastant obsolet el seu ús, només es conserva en el cas de les imatges animades.

Quin nom li poso a la imatge abans de pujar-la?

En aquest pas també és recomanable seguir unes recomanacions bàsiques:

  • no deixar espais en blanc, sinó separar les paraules amb guions
  • no emprar caràcters com: ç, ñ, €, & …
  • no accentuar les paraules
  • aplicar tècniques SEO en el nom dels arxius

Per exemple una fotografia per aquest article es podria nomenar: compressio-imatges-per-web.jpg

Eines per a comprimir les imatges

Adobe Photoshop

És l’eina idònia per a comprimir les nostres fotografies per a web.

Photopea

És un programa estil photoshop online, veure la pàgina.

TinyPNG

Aquesta pàgina és d’ús molt senzill, el que ofereix és comprimir les imatges un cop ja tinguin les dimensions definitives. Té versió gratuïta i de pagament. Tan sols cal arrossegar la imatge en la zona indicada:

compressio imatges per web

A continuació durà a terme un procés molt ràpid de compressió i obtindreu el resultat final en el qual us indica el percentatge de pes que s’ha reduït.

comprimir imatges per web

Fotosizer

En aquest cas es tracta d’un software que es pot descarregar de manera gratuïta. Ens permet redimensionar i comprimir les imatges. Un cop instal·lat al nostre ordinador, arrosseguem les fotografies a la zona indicada i a la part dreta tenim tots els settings per a poder configurar l’optimització.

comprimir imatges online

Recomanem configurar:

Tamany: dimensions d’amplada i d’alçada, és important mantenir seleccionada l’opció de l’aspecte de rati perquè no ens deformi la imatge.

fotosizer comprimir imagenes para web

Qualitat: l’ajustarem per a obtenir el pes de la imatge desitjat. Anirem movent aquest percentatge:

fotosizer optimitzar imatges

i anirem revisant el pes final que ens calcula el software que tindrà la imatge:

fotosizer compressio de imatges per web

Quan tinguem els settings desitjats, premem el botó iniciar a la part de baix i durà a terme el procés.

Pixlr

Es tracta d’un editor de fotografies online que també ofereix una eina a través de la qual podeu guardar en diferents formats ja pre establerts. Per exemple: web small (800px*600px), Full HD (1920px*1080px), post d’Instagram (1080px*1080px), portada de Facebook (828px*465px)…