Ativar o carregamento de ficheiros SVG, AVIF e WebP no WordPress

Por predefinição, o WordPress restringe os tipos de ficheiros que podem ser carregados diretamente para a biblioteca multimédia. Entre os formatos mais modernos e leves, o SVG (Scalable Vetor Graphics), o AVIF (AV1 Image File Format) e o WebP estão a ganhar popularidade pela sua eficiência e qualidade de imagem. Neste artigo, descobrirá como ativar o carregamento destes formatos de ficheiro através de snippets de código, sem a utilização de quaisquer plug-ins externos.

Porquê utilizar SVG?

- EscalabilidadeOs SVGs são baseados em vectores, o que significa que podem ser redimensionados sem perda de qualidade. São ideais para ícones e gráficos simples.

- Dimensões reduzidasOs SVGs tendem a ocupar menos espaço do que as imagens rasterizadas, especialmente para gráficos simples.

Porquê utilizar AVIF e WEBP?

- Compressão eficienteAmbos os formatos oferecem uma melhor compressão do que os ficheiros JPEG e PNG tradicionais, permitindo reduzir o tamanho das imagens sem comprometer a qualidade.

- Apoio à transparênciaTanto o AVIF como o WebP suportam transparência, o que os torna excelentes para imagens com fundos transparentes.

/**
 * Nome do snippet: Permitir carregar ficheiros svg, avif e webp
 * Autor do snippet: halkoo.com
 */
function allow_custom_uploads($mimes) {
    // Ativar SVG
    $mimes['svg'] = 'image/svg+xml';
    
    // Ativar AVIF
    $mimes['avif'] = 'image/avif';
    
    // Ativar WebP
    $mimes['webp'] = 'image/webp';
    
    return $mimes;
}
add_filter('upload_mimes', 'allow_custom_uploads');

Verificar modificações

Depois de o código ter sido adicionado ao ficheiro functions.php do seu tema, pode ir à biblioteca multimédia do WordPress e tentar carregar ficheiros SVG, AVIF e WebP. Se tudo correu bem, deve conseguir carregar estes formatos sem qualquer problema.

Considerações sobre segurança

É importante notar que, embora o SVG seja um formato vetorial útil, também pode apresentar riscos de segurança se não for tratado corretamente. Os SVGs podem conter código JavaScript e, se forem carregados a partir de fontes não fiáveis, podem comprometer a segurança do seu sítio. Por conseguinte, recomenda-se a utilização de SVG apenas a partir de fontes fidedignas e, se possível, a higienização do conteúdo SVG antes de o carregar.

Precisa de ajuda? Escreva para info@halkoo.com para receber um orçamento personalizado para o seu novo sítio Web ou loja de comércio eletrónico.