Actualment, les p\u00e0gines s\u00f3n m\u00e9s visuals que fa uns anys, gr\u00e0cies a que hem afegit molta part gr\u00e0fica. Aix\u00f2 est\u00e0 molt b\u00e9, sempre i quant tinguem en compte un factor molt rellevant: El rendiment!<\/p>\n\n\n\n\n\n\n\n
Si una p\u00e0gina cont\u00e9 moltes imatges pot ser visualment molt atractiva, per\u00f2 cal anar molt en compte en que no pugem imatges que pesin massa, aix\u00f2 fa que es tardi molt a carregar la p\u00e0gina, \u00e9s a dir penalitza el seu rendiment. Si tornem a dir que cada cop m\u00e9s els usuaris ens visiten utilitzant un dispositiu m\u00f2bil, \u00e9s a dir, pot ser que estiguin amb connexi\u00f3 lenta i gastin dades\u2026 encara \u00e9s m\u00e9s important tenir en compte no pujar imatges que pesin massa. Fins i tot si veieu que la web redimensiona la imatge autom\u00e0ticament i sembla que queda b\u00e9 tot i no haver pujat la imatge amb les mides correctes: penseu que igualment la imatge pesar\u00e0 massa i tardar\u00e0 molt a mostrar-se. Per aix\u00f2 sempre heu de pujar les imatges a la mida en que es veuran a la web, no m\u00e9s gran.<\/p>\n\n\n\n
Per evitar aquesta problem\u00e0tica i canviar la mida de les imatges podeu utilitzar les mides d\u2019imatge que recomanem en aquest manual. Per fer-ho, haureu de redimensionar les imatges que tingueu, retallar-ne una part, reduir la qualitat de la imatge perqu\u00e8 pesi menys\u2026 Tot aix\u00f2 ho podeu fer utilitzant per exemple el GIMP<\/strong>, un editor d\u2019imatges gratuit de software lliure que podeu descarregar des de http:\/\/gimp.org<\/a>. En l\u2019oferta formativa de la UAB s\u2019inclouen cursos de GIMP (pregunteu a la Unitat de Formaci\u00f3). I tamb\u00e9 en podeu trobar tutorials r\u00e0pids al web, com per exemple el que us enllacem a continuaci\u00f3, que explica l\u2019edici\u00f3 b\u00e0sica de retallar una foto o canviar la mida: Tutorial b\u00e1sico de GIMP: c\u00f3mo iniciarte en el uso de este editor<\/a><\/p>\n\n\n\n Com alternativa a GIMP, podeu provar les eines en l\u00ednia seg\u00fcents:<\/p>\n\n\n\n Si necessiteu transformar el format d’una imatge, per exemple de SVG a PNG o a JPEG, teniu conversors en l\u00ednia gratu\u00efts com cloudconvert<\/strong><\/a>. I en aquest blog teniu una explicaci\u00f3 sobre com funciona: C\u00f3mo convertir una imagen SVG en PNG<\/a><\/p>\n\n\n\n D’altra banda, si necessiteu imatges de recurs, a internet hi ha diferents llocs on podreu descarregar imatges de manera gratu\u00efta i lliures de drets. Alguns es recullen en el post seg\u00fcent:<\/p>\n\n\n\n