Ultimamente, tenho escrito muito sobre a conversão de diferentes tipos de mídia, especialmente GIFs, incluindo Converter vídeo em GIF ou GIF em vídeo, Detectar se um GIF é animadoe Obtenha o primeiro quadro de um GIF animado com o ImageMagickmas seja o ImageMagick ou o ffmpeg que esteja fazendo o trabalho, os GIFs nem sempre saem otimizados. Como os GIFs podem exigir muito da máquina do usuário, é melhor otimizá-los para obter o melhor desempenho. Outra biblioteca útil de manipulação de GIFs, gifsicletem alguns métodos integrados para otimizar GIFs.
Antes de entrar nos comandos de otimização de GIFs, é importante salientar que o gifsicle é muito mais do que um otimizador de GIFs. O gifsicle pode redimensionar GIFs, mesclar GIFs e fazer praticamente tudo o que você espera poder fazer com um GIF.
O gifsicle tem três tipos de otimização de GIF para o senhor escolher:
-O1
Armazena somente a parte alterada de cada imagem. Esse é o padrão.-O2
Também usa transparência para reduzir ainda mais o arquivo.-O3
Experimente vários métodos de otimização (geralmente mais lentos, às vezes com melhores resultados).
O comando shell para otimizar GIFs é:
gifsicle -O3 animation.gif -o animation-optimized.gif
Se o senhor tiver tempo e paciência, eu recomendo -O3
pois o senhor conseguiu obter GIFs muito mais otimizados com esse método. Em alguns GIFs, economizei até 20% no tamanho do arquivo e, dependendo do seu GIF específico, o senhor poderá economizar mais!
Animações CSS entre consultas de mídia
As animações CSS estão no mesmo patamar do pão fatiado. As animações CSS são eficientes porque podem ser aceleradas por hardware, não exigem sobrecarga de JavaScript e são compostas por pouquíssimo código CSS. Muitas vezes, adicionamos transformações de CSS a elementos por meio de CSS durante…
Usando jQuery e MooTools juntos
Há mais um motivo para dominar mais de uma biblioteca JavaScript: o senhor pode usar algumas delas juntas! Como o MooTools é baseado em protótipos e o jQuery não, o jQuery e o MooTools podem ser usados juntos na mesma página.