No próximo artigo, veremos como converter imagens para o formato WebP. Se você se dedica à criação de páginas web, já sabe que uma das melhores práticas para otimizar o desempenho do seu site é a utilização de imagens compactadas. Neste artigo, veremos como usar o formato WebP. Com ele podemos criar imagens compactadas e de qualidade para usar em nossas páginas web.
WebP é um formato de imagem relativamente novo que oferece compactação excepcionalmente sem e com perdas para imagens na web. Este formato foi desenhado pelo google. Para usá-lo, você precisará baixar utilitários pré-compilados para Gnu / Linux, Windows e Mac OS X.
WebP é um novo formato de imagem que fornece compactação sem e com perdas para arquivos PNG e JPEG. Com este formato alcançaremos um tamanho de imagem até 34% menor. é compatível com Google Chrome e Opera. Podemos usar Nginx e Apache para determinar se esse formato é compatível com o Agente do navegador e, em seguida, exibir a imagem em um novo formato em vez da imagem original. Este formato de arquivo também oferece suporte a imagens animadas, o que pode levar a grandes reduções no tamanho das imagens.
Com o formato WebP, webmasters e desenvolvedores da web podem crie imagens menores e mais ricas que tornam a web mais rápida.
Instale a ferramenta WebP no Ubuntu
Felizmente, o pacote webp é presente nos repositórios oficiais do Ubuntu. Podemos instalá-lo usando o gerenciador de pacotes APT. Só teremos que abrir um terminal (Ctrl + Alt + T) e escrever nele:
sudo apt install webp
Também podemos escolher Ubuntu e outras distribuições Gnu / Linux para baixar pacote webp do repositório google. Para isso usaremos o comando wget abrindo um terminal (Ctrl + Alt + T) e digitando:
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
A próxima coisa que faremos é extrair o arquivo e mover para o diretório do pacote extraído da seguinte maneira:
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
Ferramentas integradas
Como você pode ver na imagem acima, o pacote contém uma biblioteca pré-compilada (libwebp) para adicionar vários utilitários da web listados abaixo:
- anim_diff → É uma ferramenta para mostre a diferença entre imagens de animação.
- anim_dump → Esta é uma ferramenta para descartar a diferença entre imagens de animação.
- cwebp → É uma ferramenta para codificação webp.
- dwebp → Esta é uma ferramenta para decodificação webp.
- gif2webp → Uma ferramenta para converter imagens GIF para webp.
- img2webp → Ferramentas para converter uma sequência de imagens em um arquivo animado da web.
- vwebp → Este é um visualizador de arquivo webp.
- webpinfo → Esta ferramenta é usada para visualizar informações sobre um arquivo imagem webp.
- webpmux → One ferramenta mux do webp.
Seremos capazes de ver todas as opções de qualquer uma das ferramentas anteriores, executando-as sem qualquer argumento ou usando o -longhelp flag. Por exemplo:
cwebp -longhelp
Finalmente, se quisermos executar os programas anteriores sem escrever seus caminhos absolutos, teremos apenas que adicionar o diretório ~ / libwebp-0.6.1-linux-x86-32 / bin para o nosso Variável de ambiente PATH em nosso arquivo ~ / .bashrc. Para fazer isso, vamos executar no terminal (Ctrl + Alt + T):
vi ~/.bashrc
No final do arquivo adicionaremos:
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
Quando terminar, só teremos que salvar o arquivo e fechá-lo. Ao sair vamos abrir uma nova janela de terminal e agora podemos executar todos os programas da web como qualquer outro comando do sistema.
Converter uma imagem em webp
Para converter uma imagem em webp, podemos usar ferramenta cwebp. Nele o parâmetro -q define a qualidade de saída e -o especifica o arquivo de saída. Aqui está um exemplo:
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
Ver uma imagem convertida
Assim que a conversão for concluída, podemos ver imagem webp usando a ferramenta vwebp. Como você pode ver na captura, a mesma imagem tem certas diferenças em relação ao formato jpeg.
vwebp ubunlog.webp
O WebP é apenas um dos muitos produtos resultantes dos esforços contínuos do Google para tornar a web mais rápida. Se quisermos saber mais sobre este formato de imagem, podemos visite a Site do projeto WebP.