Como reducir o tamaño do ficheiro GIF para un mellor desenvolvemento do sitio web

O baixo GIF está facendo un retorno simplemente porque coa crecente utilización dos teléfonos intelixentes e os usuarios de ancho de banda limitados esperáronse tempos de carga case instantáneos. Canto máis pequenas sexan as súas imaxes na web, canto máis rápido cargue as imaxes e canto máis felices sexan os seus visitantes. Ademais, moitos sitios web teñen restricións sobre o tamaño dos banners publicitarios.

Imaxes GIF e web

As imaxes GIF non deben ser consideradas como unha única solución. As imaxes GIF teñen un máximo de 256 cores, o que significa que pode ter unha imaxe seria e degradación da cor se non ten coidado. O formato de ficheiro GIF, en moitos aspectos, é un formato herdado que se remonta aos primeiros días da web. Antes da introdución do formato GIF, as imaxes web eran branco e negro e comprimidas usando o formato RLE. Comezar apareceu por primeira vez en 1987 cando Compuserve lanzou o formato como solución de imaxe web. Naquel momento, a cor acababa de xurdir no escritorio e os módems conectados á rede accederían á liña telefónica. Isto xerou a necesidade dun formato de imaxe que gardase as imaxes o suficientemente pequenas como para ser entregadas, a través dunha liña telefónica, a un navegador web a curto prazo.

As imaxes GIF son ideais para gráficos de afiados cunha paleta de cores limitada, como un logotipo ou un debuxo de liña. Aínda que poden utilizarse para fotografías, a paleta de cores reducida introducirá os artefactos na imaxe. Aínda así, o movemento Glitch Art eo ascenso do cinemagraph xeraron un interese renovado no formato GIF.

Como reducir o tamaño do arquivo GIF para un mellor desenvolvemento do sitio web

Estas suxestións axudarán a facer que os seus GIF sexan o máis pequenos posible.

  1. Recorte calquera espazo extra ao redor da imaxe. Reducir as dimensións do píxel da túa imaxe é a única forma máis efectiva de reducir o tamaño do arquivo. Se usa Photoshop, o comando Trim funciona ben para iso.
  2. Cando prepare unha imaxe GIF, pode querer reducir as dimensións de saída.
  3. Reducir o número de cores na imaxe.
  4. Para GIF animados, reduza o número de fotogramas na imaxe.
  5. Se usa Photoshop CC 2017, pode crear un ficheiro GIF empregando o elemento do menú Exportar como. Seleccione Ficheiro> Exportar como ... e cando se abra o menú, seleccione GIF como formato de ficheiro e reduza as dimensións físicas (ancho e alto) da imaxe.
  6. Se usa Adobe Photoshop Elements 14, seleccione Ficheiro> Gardar en rede. Isto abrirá o cadro de diálogo Gardar por web que tamén se atopa en Adobe Photoshop CC 2017, Ficheiro> Exportar> Gardar por web (Legacy) . Cando se abre, pode aplicar o dithering, reducir a cor e as dimensións físicas da imaxe.
  7. Evite o dithering. Dithering pode facer que algunhas imaxes se vexan mellor, pero aumentará o tamaño do ficheiro. Se o software o permite, use un menor nivel de dithering para aforrar bytes adicionais.
  1. Algúns programas teñen unha opción "perdida" para gardar GIF. Esta opción pode reducir significativamente o tamaño do ficheiro, pero tamén reduce a calidade da imaxe.
  2. Non use o entrelazado. O entrelazado normalmente aumenta o tamaño do ficheiro.
  3. Tanto Photoshop e Photoshop Elements mostraranche o tempo de descarga. Non presta atención a iso. Está baseado no uso dun módem de 56 k. Aparecerá un número máis válido se seleccionas un módem de cable no menú desplegable.

Consellos:

  1. Evite animacións inútiles. A animación excesiva non só engádese ao tempo de descarga da túa páxina web, pero moitos usuarios pensan distraer.
  2. As imaxes GIF con grandes bloques de cor sólida e patróns horizontales comprimen mellor que as imaxes con gradacións de cor, sombras suaves e patróns verticais.
  3. Ao reducir as cores nos GIF, terá a mellor compresión cando as cores numéricas están axustadas ao máis pequeno posible destas opcións: 2, 4, 8, 16, 32, 64, 128 ou 256.

Actualizado por Tom Green