Utilizar imagens SVG em sites WordPress

Imagens SVG (Scalable Vector Graphics ou então Vetor Gráfico Redimensional), é um tipo de arquivo em XML que utiliza expressões matemáticas para definir uma imagem bidimensional. A grande vantagem em utilizar uma imagem .svg é que nunca haverá perda de resolução, a imagem sempre se adequará ao tamanho da tela e ao zoom especificado. Como exemplo, podemos citar os ícones do nosso Painel de Controle.

Por padrão, o WordPress não suporta o uso de imagens SVG.
Ao tentar importar uma imagem do tipo SVG acontecerá erro.
Portanto, é necessário utilizar um plugin que habilite o uso de imagens SVG no WordPress. Aqui, neste link, há um exemplo de uma imagem em formato SVG. Você pode aumentar o zoom do seu navegador para perceber que não há perda de qualidade.

Habilitar o uso de imagens SVG

O plugin recomendado para este caso é o SVG Support. Faça a instalação e o ative. Depois disso, o WordPress aceitará normalmente arquivos SVG.

Como usar as imagens?

Da mesma forma que os demais formatos de imagem do seu site, através do botão Adicionar Mídia do editor.