Els navegadors web moderns i els sistemes de gestió de contingut optimitzen les imatges per mostrar-les en qualsevol entorn. Tanmateix, el millor és preparar imatges optimitzades per a cada possible factor de forma i ubicació en què pugui aparèixer una imatge. Centra't en tres coses: resolució de la imatge, mida i espai de color.
Espai de color a les imatges
Els dissenyadors gràfics confien en dos espais de color primaris. Un espai de color és un mètode pel qual els colors primaris es combinen per formar arcs de Sant Martí complexos.
Feu servir el mode RGB quan prepareu imatges per a dispositius mòbils. Les pantalles dels monitors d'ordinador i dels telèfons intel·ligents es basen en una combinació de píxels vermells, blaus i verds. Aquesta imatge RGB està optimitzada per reproduir amb precisió els colors desitjats en una pantalla.
Per a la impressió, els dissenyadors utilitzen un procés de quatre colors, on cada color es destil·la en una combinació de cian, magenta, groc i negre. De vegades, les imatges de quatre colors s'anomenen imatges CMYK per aquest motiu.
Resolució d'imatge
Les imatges, especialment a les plataformes mòbils, han de tenir la mida tan petita com sigui possible per equilibrar la qualitat amb la velocitat de descàrrega a les xarxes mòbils i la mida dels fitxers amb els límits de dades mòbils.
La majoria dels programes, incloses les aplicacions d'Adobe Creative Cloud, admeten una eina d'exportació per a web que mostra la imatge en diverses combinacions de resolució i compressió. Trieu la imatge de millor qualitat amb la mida total més baixa.
Mida de la imatge en píxels
Cada imatge ha de tenir la mida per al propòsit previst. Aquí hi ha alguns exemples de mides d'imatge per a usos web populars:
- Els anuncis de bàner d'Internet solen tenir 468 píxels per 60 píxels.
- Les imatges de la portada de Facebook han de tenir 851 píxels per 315 píxels.
- Les fotos de perfil de Twitter han de tenir 400 píxels per 400 píxels.
- Les imatges dels enllaços compartits han de tenir 1200 píxels per 630 píxels.
Quan treballeu amb fotos per a finalitats específiques, comproveu el lloc on apareixerà aquesta foto (com ara un lloc de xarxes socials o un bloc) per verificar les dimensions òptimes de la imatge i, a continuació, mida en conseqüència per evitar estirar o retallar la imatge..
Per evitar la pixelació, apunta a la mida real de la pantalla. Fins i tot si una imatge està dimensionada correctament, si no té la mida correcta, el producte resultant pot semblar pixelat si la imatge s'ha d'ampliar per satisfer l'espai disponible.
Quant a les imatges vectorials
Les imatges vectorials, les imatges calculades i dibuixades pel dispositiu, solen ser més eficients i de més qualitat que les imatges ràster (imatges dibuixades un píxel a la vegada) perquè es poden ampliar i reduir sense afectar la qualitat de la imatge.. Per a logotips senzills, dibuixos lineals i gràfics, una versió vectorial és ideal. Els formats vectorials no s'utilitzen per a les fotos.
