Aprende a redimensionar imaxes web
As imaxes web ocupan a maior parte do tempo de descarga na maioría das páxinas web. Pero se optimiza as túas imaxes na rede terás un sitio web de carga máis rápido. Hai moitas formas de optimizar unha páxina web. A maneira que mellorará a túa velocidade é facer que os teus gráficos sexan o máis pequenos posible.
Unha boa regra xeral é intentar manter as imaxes individuais non superiores a 12KB eo tamaño total da súa páxina web, incluídas todas as imaxes, HTML, CSS e JavaScript, non debe ser superior a 100KB e de forma óptima non superior a 50KB.
Para facer que os teus gráficos sexan o máis pequenos posible, necesitas ter un programa gráfico para editar as túas imaxes. Pode obter un editor de gráficos ou usar unha ferramenta en liña como o editor de Photoshop Express .
Aquí tes algúns consellos para evaluar as túas imaxes e facelas máis pequenas:
¿A imaxe está en formato correcto?
Hai só tres formatos de imaxe para a web : GIF, JPG e PNG. E cada un ten un propósito específico.
- GIF: usa o formato GIF para imaxes en cor plana. Son imaxes con poucas cores.
- JPG: usa o formato JPG para imaxes fotográficas. Son imaxes con millóns de cores.
- PNG: usa o formato PNG se non precisa que as túas imaxes se mostren nos dispositivos móbiles. Son boas tanto para cor plana como para imaxes fotográficas. É mellor gardar as túas imaxes tanto PNG como JPG ou GIF e logo usar a versión máis pequena.
Cales son as dimensións da imaxe?
Un xeito sinxelo de facer que as imaxes sexan máis pequenas é facer isto, facelas menores. A maioría das cámaras sacan fotos que son moito máis grandes que a páxina web media que pode amosar. Ao cambiar as dimensións en algún lugar de aproximadamente 500 x 500 píxeles ou máis pequenas, creará unha imaxe máis pequena.
A imaxe recolleuse?
A seguinte cousa que debes facer é asegurarte de que a imaxe se recorte tan ben como poidas. Canto máis cortes a imaxe menor será. O recorte tamén axuda a definir o tema da imaxe eliminando fondos estraños.
Cantas cores usa o teu GIF?
Os GIF son imaxes de cores planas e inclúen un índice das cores que están presentes na imaxe. Non obstante, un índice GIF pode incluír máis cores do que realmente se mostran. Ao reducir o índice só ás cores da imaxe, pode reducir o tamaño do ficheiro .
Cal define a configuración de calidade para o seu JPG?
Os JPG teñen unha configuración de calidade do 100% ata o 0%. Canto menor sexa a configuración de calidade, menor será o arquivo. Pero coidado. A calidade afecta o aspecto da imaxe. Polo tanto, elixa unha configuración de calidade que non é moi feo, aínda que mantén o tamaño do ficheiro baixo.