Por predefini\u00e7\u00e3o, o WordPress restringe os tipos de ficheiros que podem ser carregados diretamente para a biblioteca multim\u00e9dia. Entre os formatos mais modernos e leves, o SVG (Scalable Vetor Graphics), o AVIF (AV1 Image File Format) e o WebP est\u00e3o a ganhar popularidade pela sua efici\u00eancia e qualidade de imagem. Neste artigo, descobrir\u00e1 como ativar o carregamento destes formatos de ficheiro atrav\u00e9s de snippets de c\u00f3digo, sem a utiliza\u00e7\u00e3o de quaisquer plug-ins externos.<\/p>\n\n\n\n
Porqu\u00ea utilizar SVG?<\/strong><\/p>\n\n\n\n – Escalabilidade<\/strong>Os SVGs s\u00e3o baseados em vectores, o que significa que podem ser redimensionados sem perda de qualidade. S\u00e3o ideais para \u00edcones e gr\u00e1ficos simples.<\/p>\n\n\n\n – Dimens\u00f5es reduzidas<\/strong>Os SVGs tendem a ocupar menos espa\u00e7o do que as imagens rasterizadas, especialmente para gr\u00e1ficos simples.<\/p>\n\n\n\n Porqu\u00ea utilizar AVIF e WEBP?<\/strong><\/p>\n\n\n\n – Compress\u00e3o eficiente<\/strong>Ambos os formatos oferecem uma melhor compress\u00e3o do que os ficheiros JPEG e PNG tradicionais, permitindo reduzir o tamanho das imagens sem comprometer a qualidade.<\/p>\n\n\n\n – Apoio \u00e0 transpar\u00eancia<\/strong>Tanto o AVIF como o WebP suportam transpar\u00eancia, o que os torna excelentes para imagens com fundos transparentes.<\/p>\n\n\n\n Verificar modifica\u00e7\u00f5es<\/strong><\/p>\n\n\n\n Depois de o c\u00f3digo ter sido adicionado ao ficheiro Considera\u00e7\u00f5es sobre seguran\u00e7a<\/strong><\/p>\n\n\n\n \u00c9 importante notar que, embora o SVG seja um formato vetorial \u00fatil, tamb\u00e9m pode apresentar riscos de seguran\u00e7a se n\u00e3o for tratado corretamente. Os SVGs podem conter c\u00f3digo JavaScript e, se carregados a partir de fontes n\u00e3o fi\u00e1veis, podem comprometer a seguran\u00e7a do seu s\u00edtio. Por conseguinte, recomenda-se a utiliza\u00e7\u00e3o de SVG apenas a partir de fontes fidedignas e, se poss\u00edvel, a higieniza\u00e7\u00e3o do conte\u00fado SVG antes de o carregar.<\/p>\n\n\n\n\/**\n * Nome do snippet: Permitir carregar ficheiros svg, avif e webp\n * Autor do snippet: halkoo.com\n *\/\nfunction allow_custom_uploads($mimes) {\n \/\/ Ativar SVG\n $mimes['svg'] = 'image\/svg+xml';\n \n \/\/ Ativar AVIF\n $mimes['avif'] = 'image\/avif';\n \n \/\/ Ativar WebP\n $mimes['webp'] = 'image\/webp';\n \n return $mimes;\n}\nadd_filter('upload_mimes', 'allow_custom_uploads');<\/pre>\n\n\n\nfunctions.php<\/code> do seu tema, pode ir \u00e0 biblioteca multim\u00e9dia do WordPress e tentar carregar ficheiros SVG, AVIF e WebP. Se tudo correu bem, deve conseguir carregar estes formatos sem qualquer problema.<\/p>\n\n\n\n