Abilitare il caricamento di file SVG, AVIF e WebP in WordPress

Per impostazione predefinita, WordPress limita i tipi di file che è possibile caricare direttamente nella libreria media. Tra i formati più moderni e leggeri, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) e WebP stanno guadagnando popolarità per la loro efficienza e qualità delle immagini. In questo articolo scoprirai come abilitare il caricamento di questi formati di file tramite snippet di codice, senza quindi l’utilizzo di nessun plugin esterno.

Perché Utilizzare SVG?

– Scalabilità: Gli SVG sono vettoriali, il che significa che possono essere ridimensionati senza perdere qualità. Sono ideali per icone e grafica semplice.

– Dimensioni Ridotte: Gli SVG tendono a occupare meno spazio rispetto alle immagini raster, specialmente per grafiche semplici.

Perchè utilizzare AVIF e WEBP?

– Compressione Efficiente: Entrambi i formati offrono una compressione migliore rispetto ai tradizionali file JPEG e PNG, consentendo di ridurre le dimensioni delle immagini senza compromettere la qualità.

– Supporto per Trasparenza: Sia AVIF che WebP supportano la trasparenza, rendendoli ottimi per immagini con sfondi trasparenti.

/**
 * Snippet Name:	Abilitate upload files svg, avif and webp
 * Snippet Author:	halkoo.com
 */
function allow_custom_uploads($mimes) {
    // Abilitare SVG
    $mimes['svg'] = 'image/svg+xml';
    
    // Abilitare AVIF
    $mimes['avif'] = 'image/avif';
    
    // Abilitare WebP
    $mimes['webp'] = 'image/webp';
    
    return $mimes;
}
add_filter('upload_mimes', 'allow_custom_uploads');

Verifica le Modifiche

Una volta aggiunto il codice al file functions.php del tuo tema, puoi andare nella tua libreria media di WordPress e provare a caricare file SVG, AVIF e WebP. Se tutto è andato a buon fine, dovresti poter caricare questi formati senza problemi.

Considerazioni sulla Sicurezza

È importante notare che, mentre SVG è un formato vettoriale utile, può anche presentare dei rischi di sicurezza se non gestito correttamente. Gli SVG possono contenere codice JavaScript e, se caricate da fonti non fidate, potrebbero compromettere la sicurezza del sito. Pertanto, si consiglia di utilizzare SVG solo da fonti affidabili e, se possibile, di sanitizzare il contenuto SVG prima di caricarlo.

Hai bisogno di aiuto? Scrivi ad info@halkoo.com per ricevere un preventivo personalizzato per il tuo nuovo sito web o negozio e-commerce.