WordPress Plugin: Come caricare immagini SVG su WordPress

Ago 13, 2020 | Plugin | 0 commenti

Vediamo cos’è una immagine SVG e come è possibile caricare immagini SVG su WordPress

Vuoi Caricare file SVG al tuo sito WordPress? Per impostazione predefinita, WordPress ti consente di caricare tutti i formati di file immagine, audio e video più diffusi, ma il formato SVG non è tra questi. In questo articolo, ti mostreremo come Caricare facilmente file SVG su WordPress.

Prima di tutto… cos’è SVG?

SVG o Scalable Vector Graphics è un formato di file che definisce la grafica vettoriale utilizzando il linguaggio di markup XML. Il vantaggio principale di SVG è che ti consente di ingrandire le immagini senza perdere qualità o avere pixel.

Come funziona un file SVG?

Scalable Vector Graphics (SVG) è una tecnologia che visualizza disegni bidimensionali utilizzando XML. Sono diversi dai formati di immagine comunemente usati come PNG, GIF o JPEG.

Se prendi un file immagine png / jpeg e ingrandisci l’immagine, noterai che inizierà a sfocarsi e diventare pixelata.

La grafica vettoriale non utilizza pixel. Invece, usano una mappa bidimensionale che definisce il grafico che stai visualizzando. Quando si ingrandisce, l’immagine non si sbiadisce o non diventa pixellata.

Ciò consente di ingrandire l’immagine tramite la grafica vettoriale senza perdere la qualità . Un fattore molo importante è che le immagini SVG possono avere dimensioni di file molto più piccole rispetto a JPEG o PNG.

La grafica vettoriale viene comunemente utilizzata per icone, caratteri icona, loghi di siti Web e immagini del marchio. Potresti voler aggiungere file SVG in WordPress per il logo, le icone o altri elementi grafici della tua azienda o blog.

Per quanto possano sembrare interessanti, caricare immagini SVG su WordPress è un po ‘pericoloso. Ecco perché il CMS più popolare non supporta i caricamenti di file SVG per impostazione predefinita.

Se carichi un’immagine SVG su WordPress, vedrai il seguente messaggio di errore:

Spiacenti, questo tipo di file non è consentito per motivi di sicurezza.

Problemi di sicurezza relativi a file SVG su WordPress

I file SVG contengono codice nel linguaggio di markup XML simile all’HTML. Il browser o il software di editing SVG analizza il linguaggio di markup XML per visualizzare l’output sullo schermo.

Tuttavia, questo apre il tuo sito web a possibili vulnerabilità XML. Può essere utilizzato per ottenere l’accesso non autorizzato ai dati degli utenti, attivare attacchi di forza bruta o attacchi di scripting cross-site.

I metodi che condivideremo in questo articolo proveranno a disinfettare i file SVG per migliorarne la sicurezza. Tuttavia, questi plugin non possono impedire totalmente il caricamento o l’inserimento di codice dannoso .

La soluzione migliore è utilizzare solo file SVG creati da fonti affidabili e limitare i caricamenti SVG solo agli utenti fidati.

Detto questo, diamo un’occhiata Su come caricare immagini SVG su WordPress in modo semplice e sicuro

Plugin 1. Carica file SVG in WordPress utilizzando il Plugin SVG Support

SVG Support

SVG Support

Safely upload SVG files to the Media Library. Ability to render your SVG files inline for direct styling/animation of an SVG's internal elements.

Benbodhi

Questo metodo offre un supporto completo per Caricare SVG su WordPress. Ti consente inoltre di visualizzare SVG in linea nei post e nelle pagine di WordPress.

Innanzitutto, è necessario installare e attivare il plugin SVG Support. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress .

Dopo l’attivazione, è necessario visitare la pagina Impostazioni »SVG Support per configurare le impostazioni del plug-in.

Nella pagina delle impostazioni, devi selezionare la casella “Limitare agli amministratori?”. Ciò consentirà solo a un amministratore del sito di caricare file SVG su WordPress.

La prossima opzione è attivare la modalità avanzata. È sufficiente selezionare questa opzione se si desidera utilizzare funzionalità avanzate come animazioni CSS e rendering SVG in linea.

Non dimenticare di fare clic sul pulsante Salva modifiche per memorizzare le tue impostazioni.

Ora puoi creare un nuovo post o modificarne uno esistente. Nell’editor dei post, caricherai il tuo file SVG come faresti con qualsiasi altro file immagine. Aggiungi semplicemente un blocco immagine all’editor e poi carica il file SVG.

Ora sarai in grado di caricare e incorporare file SVG in WordPress.

Plugin 2. Caricare immagini SVG su WordPress utilizzando Safe SVG

Safe SVG

Safe SVG

Enable SVG uploads and sanitize them to stop XML/SVG vulnerabilities in your WordPress website

Daryll Doyle

Anche questo metodo utilizza un plug-in e consente di eseguire la sanificazione dei file SVG caricati su WordPress.

La prima cosa che devi fare è installare e attivare il plug-in Safe SVG.

Il plug-in funziona immediatamente e non ci sono impostazioni da configurare. Puoi semplicemente andare avanti e iniziare a caricare i file SVG.

Lo svantaggio è che questo plug-in consente il caricamento in SVG da parte di tutti gli utenti che possono scrivere post sul tuo sito WordPress.

Per controllare chi può caricare i file, dovrai acquistare la versione premium del plugin.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere in modo sicuro SVG in WordPress. Potresti anche consultare il nostro articolo sui problemi di immagine più comuni in WordPress e su come risolverli.

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Realizzazione Siti Web

Realizzo Siti Web di ultima generazione visualizzabili da ogni dispositivo, PC, Tablet e Smartphone. Tutti i miei lavori sono ottimizzati e SEO friendly per una corretta indicizzazione sui motori di ricerca quali Google,Bing ect…

Ogni Sito Web viene curato sotto tutti gli aspetti seguendo le esigenze del cliente.

Oggi hai un idea… Domani potrebbe diventare il tuo Business!

Contattami ora per una consulenza Gratuita!!!

[dsm_button button_one_text=”Whatapp ” button_one_url=”https://api.whatsapp.com/send?phone=+393348126874&text=Salve,%20vorrei%20qualche%20informazione%20in%20merito%20ai%20vostri%20prodotti.” button_one_url_new_window=”on” button_two_text=”email” button_two_url=”mailto:info@wad-francesco.com” button_two_url_new_window=”on” button_alignment=”center” _builder_version=”4.5.1″ _module_preset=”default” custom_button_one=”on” button_one_text_color=”#ffffff” button_one_bg_color=”#2EBE39″ button_one_border_width=”0px” button_one_border_radius=”10px” button_one_font=”|800|||||||” custom_button_two=”on” button_two_bg_color=”#1b2e36″ button_two_border_width=”0px” button_two_border_radius=”10px” button_two_font=”|800|||||||” animation_style=”zoom” box_shadow_style_button_one=”preset1″ box_shadow_style_button_two=”preset1″ locked=”off”][/dsm_button]
freelance web master freelance

Pin It on Pinterest

Shares
Share This