Embora não seja novidade, uma imagem SVG (Scalable Vector Graphics) é, para bom entendedor, um vetor gráfico do tipo redimensional baseado no XML. Trocando em miúdos, este mesmo vetor utiliza expressões matemáticas para gerar uma imagem comum, bidimensional e sem perdas.
Assim como todos os arquivos vetoriais, o SVG também possui a vantagem de ser totalmente escalável, fazendo com que uma imagem desse formato nunca perca a resolução e a qualidade de visualização, muito diferente das imagens tradicionais, como PNG e JPEG, que são compostas por pixels.
- Aumentar tamanho máximo de upload de arquivos no WordPress
- Adicionar categorias à biblioteca de mídia do WordPress
- Como extrair ou descompactar arquivo .wpress
- Regenerate Thumbnails: Como recriar miniaturas no WordPress
O grande problema é que o WordPress, a plataforma mais utilizada para gestão de conteúdo existente em toda a galáxia, não possui suporte nativo para este formato por questões de segurança. Por exemplo, quando você tenta fazer o upload de um arquivo SVG, um erro de carregamento aparece imediatamente a seguir.
Seções desta página
Vantagens de usar o SVG no WordPress
- Tamanho do arquivo: os arquivos SVG possuem tamanhos reduzidos em comparação com os formatos bitmap como JPEG e PNG, contribuindo significativamente para o tempo de carregamento de página;
- Alta escalabilidade: assim como dissemos acima, a grande vantagem dos gráficos vetoriais é que eles podem ser escalados para qualquer tamanho sem perder qualidade nem resolução gráfica;
- Manipulação com CSS e Javascript: por serem imagens 100% vetoriais, os arquivos SVG aceitam efeitos visuais dinâmicos e animados ao combiná-los com folhas de estilos CSS personalizadas e Javascript;
- Editabilidade: por possuirem expressões matemáticas e texto, os arquivos podem ser facilmente editados através de softwares editores de imagens gráficas, sem a necessidade de ferramentas complexas;
- Acessibilidade e SEO: como os arquivos SVG são baseados em XML, são totalmente legíveis para serem indexados pelos mecanismos de busca.
Como ativar o uso de imagem SVG no WordPress
Agora que você já conhece todas as principais vantagens de usar o formato SVG no seu site, blog ou loja virtual com WordPress, basta ativar um dos plugins abaixo para que o problema de carregamento deste arquivo seja resolvido de uma vez por todas na sua instalação do WP.
- Safe SVG: Plugin que habilita o upload seguro do arquivo vetorial de forma segura, totalmente seguro de possíveis vulnerabilidades;
- SVG Support: Plugin que permite carregar arquivos SVG com total segurança e, também, com recursos avançados para animações dinâmicas.
Conclusão
Neste artigo mostramos como é possível habilitar a função para fazer o upload de arquivos SVG na sua biblioteca do WordPress e em total segurança, usando dois plugins simples, objetivos e super práticos. Agora cabe a você escolher qual deles será a melhor opção para o seu projeto.
Fica a dica!