Aprendre a redimensionar les imatges web
Les imatges web ocupen la major part del temps de descàrrega en la majoria de les pàgines web. Però si optimitzeu les vostres imatges web, tindreu un lloc web de càrrega més ràpida. Hi ha moltes maneres d'optimitzar una pàgina web. L'única manera de millorar la velocitat és fer que els vostres gràfics siguin el més petits possibles.
Una bona regla general és intentar mantenir imatges individuals no superiors a 12 KB i la mida total de la vostra pàgina web, incloses totes les imatges, HTML, CSS i JavaScript, no hauria de ser superior a 100 KB i, de manera òptima, no més de 50 KB.
Per fer que els gràfics siguin tan petits com sigui possible, necessiteu un programari gràfic per editar les vostres imatges. Podeu obtenir un editor de gràfics o utilitzar una eina en línia com l' editor de Photoshop Express .
Aquests són alguns consells per avaluar les vostres imatges i fer-les més petites:
La imatge està en el format correcte?
Només hi ha tres formats d'imatge per a la web : GIF, JPG i PNG. I cadascun té un propòsit específic.
- GIF: utilitza el format GIF per a imatges en color pla. Són imatges amb pocs colors.
- JPG: utilitza el format JPG per a imatges fotogràfiques. Són imatges amb milions de colors.
- PNG: utilitzeu el format PNG si no necessiteu que les vostres imatges es mostrin als dispositius mòbils. Són bones tant per a color pla com per a imatges fotogràfiques. El millor és guardar les vostres imatges tant en PNG com en JPG o GIF i després utilitzar la versió més petita.
Quines són les dimensions de la imatge?
Una manera fàcil de fer que les imatges siguin més petites és fer-ho, fer-les més petites. La majoria de càmeres fan fotos que són molt més grans que la pàgina web mitjana que es pot mostrar. Si canvieu les dimensions a uns 500 x 500 píxels o més petits, creareu una imatge més petita.
Es retalla la imatge?
El següent que haureu de fer és assegurar-vos que la imatge es retalla tan fortament com sigui possible. Com més es retalla la imatge, més petit serà. La retallada també ajuda a definir el tema de la imatge eliminant antecedents estranys.
Quants colors fa servir el vostre GIF?
Els GIF són imatges de color pla, i inclouen un índex dels colors que hi ha a la imatge. Tanmateix, un índex GIF pot incloure més colors del que es mostra realment. En reduir l'índex només els colors de la imatge, podeu reduir la mida del fitxer .
Quina configuració de qualitat teniu configurat el JPG?
Els JPG tenen una configuració de qualitat del 100% fins al 0%. Com més petit sigui aquesta configuració de qualitat, més petit serà el fitxer. Però vés amb compte. La qualitat afecta la visualització de la imatge. Així que trieu una configuració de qualitat que no sigui massa lletja, tot i que manté la mida del fitxer baix.