escull i optimitza imatges per a web

Escollir fotografies per al teu web és una tasca que a més de ser inicial en el moment de crear la teva nova pàgina, amb tota seguretat hauràs d’anar repetint quan la teva web vagi creixent i, molt especialment, si comptes amb un contingut dinàmic tipus bloc o notícies.

Això sol ser un mal de cap per no saber quina imatge escollir, d’on treure-la i, sobretot, com optimitzar-la per a web. Per descomptat, si ets client del Lotus Estudi o d’una altra agència digital no hauràs de preocupar-te per això, però si t’agrada participar en l’elecció d’imatges per l’aparença digital del teu projecte o empresa, és un treball que vols fer pel teu compte o estàs creant la teva pròpia web o blog, segur que aquesta informació t’ajudarà.

COM ESCOLLIR LES MILLORS IMATGES PER A LA TEVA WEB


Les imatges són fonamentals per mantenir una línia estètica a la teva web i que sigui, a més coherent amb el disseny d’aquesta. Per tant, mai hauries de deixar a l’atzar la selecció d’una imatge. És un treball pel que val la pena dedicar un temps i per al qual explotar la creativitat, sempre amb sentit comú.
De vegades a un client li encanta una fotografia que vol incloure, si o si, al seu web, però aquesta trenca amb la línia visual i el concepte de la web. Per això, sempre recomanem tenir clar un estil i línia visual des de l’inici per treballar després en coherència en tot moment. Per això, la fase inicial de valorar la proposta de disseny general és tan important i determinarà tota la feina posterior.


Les imatges li donen personalitat a una pàgina web i no haurien de ser aleatòries sinó molt pensades i escollides sota criteri.


També hauríem de fugir de la simplicitat i tractar d’anar un pas més enllà, pensant en el que vols transmetre a cada pàgina. Per exemple, si es tracta d’un negoci de contractació d’Assegurances, potser pots pensar en valors com: confiança, tranquil·litat, etc., transmetent aquests valors amb les imatges utilitzades.
Els rostres transmeten moltes emocions, per tant, evita utilitzar excessivament plans detall i atreveix-te a mostrar expressions. Això sí, un plànol tancat adequadament triat també pot funcionar molt bé sempre que es justifiqui.
Finalment, i insistint amb l’esmentat anteriorment, vigila la coherència en les imatges de la teva web. A el menys a nivell de colors, contrast i saturació, intenta que no siguin molt diferents unes de les altres. Això li donarà globalitat al teu projecte.

D’ON TREURE LES IMATGES PER A WEB


Per tal d’evitar problemes legals el més senzill és donar-te d’alta amb un compte de pagament en un banc d’imatges i adquirir les imatges seleccionades. També hi ha bancs d’imatges gratuïts, però en ells la varietat és limitada i corres el risc que sigui una imatge massa explotada. La veritat, que pel cost que tenen els paquets d’imatges, és molt més aconsellable pagar per elles.


El nostre favorit per qualitat-preu és Freepik, per 7€ al mes tens accés Premium. No obstant això, a nivell professional i en la nostra opinió, el més recomanat si disposes de pressupost és Shutterstock, encara que amb preu força més elevat, la varietat i qualitat és enorme. Recorda també que les plantilles de WordPress solen portar incloses algunes imatges que pots utilitzar. Encara que és probable que només algunes puguin servir-te, aprofita-ja que has pagat per la plantilla.


Una altra opció molt especial i que donarà gran autenticitat al teu web és realitzar una sessió amb un fotògraf professional i usar imatges pròpies. Hauries de tenir molt clara l’estètica i definit el disseny web abans de contractar aquest servei.

OPTIMITZACIÓ DE LES IMATGES A LA COMUNICACIÓ DIGITAL


L’optimització és part imprescindible del procés d’il·lustrar amb imatges la web o botiga online. Hi ha diversos formats d’arxius per a imatges digitals però els més utilitzats són PNG i JPEG. El primer és compatible amb transparències, per la qual cosa anirà bé en vectors, però per a fotografies resultarà millor fer servir JPEG.


Coneix l’espai que ocuparà cada imatge i, coneixent els píxels d’ample en el teu disseny, sabràs que no serà necessària una imatge amb una mida superior. No aporta res introduir més dimensió o resolució, ja que únicament farà la web més lenta. Si, per contra, utilitzes una imatge amb menors dimensions, aquesta apareixerà borrosa o pixelada al publicar.


Et recomanem comprimir les fotografies en el procés d’optimització d’imatges, per a que l’arxiu sigui menys pesat i la teva web carregui amb més facilitat, especialment en dispositius mòbils. Comprimir és eliminar informació redundant i disminuir el pes de l’arxiu. Aquest procés pots fer-ho amb Adobe Photoshop o altre programa d’edició d’imatges, però també d’una manera més senzilla amb eines online gratuïtes com per exemple Imageresizer.com.

LES IMATGES CONTRIBUEÏXEN AL SEO


Recorda que pujar imatges amb un nom que inclogui la paraula clau amb la que vols posicionar, així com completar els camps de títol, text alternatiu i descripció, també considerant la keyword, contribuirà al SEO de la teva web, blog o botiga online. Les imatges afecten el posicionament web i si treballem tots els detalls donaran una bona empenta al nostre SEO. En aquest enllaç et deixem un article amb altres consells per millorar la indexació de la teva web en cercadors com Google.

Amb aquests consells ja pots dedicar temps a treballar les teves imatges. Fes que la teva web brilli amb les millors fotos!