{"id":50438,"date":"2022-02-07T08:40:13","date_gmt":"2022-02-07T07:40:13","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=50438&post_type=knowledgebase&preview_id=50438"},"modified":"2025-10-01T20:48:12","modified_gmt":"2025-10-01T19:48:12","slug":"come-aprire-un-file-svg","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/come-aprire-un-file-svg\/","title":{"rendered":"Come Aprire un File SVG (3 Metodi)"},"content":{"rendered":"

I file SVG (Scalable Vector Graphics)<\/a> sono eccezionali per lo sviluppo e la progettazione web. Questo tipo di immagine non fa pixel se la si pu\u00f2 ridimensionare in alto o in basso e di solito \u00e8 pi\u00f9 leggera di altri tipi di file come le JPEG<\/a>. Tuttavia, aprire e modificare i file SVGs pu\u00f2 essere complicato senza gli strumenti giusti.<\/p>\n

Aprire un file SVG \u00e8 essenziale se volete modificarlo prima di caricarlo su WordPress. Alcuni strumenti permettono sia di aprire che di modificare i file SVG, il che significa che vi permettono di creare la grafica di cui avete bisogno per il vostro sito web.<\/p>\n

In questo articolo spiegheremo brevemente cosa sono i file SVG. Spiegheremo perch\u00e9 sono cos\u00ec popolari e vi diremo quando utilizzarli. Poi vi mostreremo come convertire i file in SVG e come aprirli. Cominciamo!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Cos’\u00e8 un File SVG?<\/h2>\n

Un vettore \u00e8 un oggetto definito da uno o pi\u00f9 punti collegati. Quando combinate un numero sufficiente di vettori, potete creare praticamente qualsiasi tipo di grafico.<\/p>\n

Un file SVG \u00e8 una collezione di dati vettoriali messi insieme in formato XML<\/a>. Prendete ad esempio il logo di Kinsta.<\/p>\n

\n

\"Il
Il logo di Kinsta<\/figcaption><\/figure><\/figure>\n

A differenza di una PNG o di una JPEG<\/a>, questa immagine non \u00e8 composta di pixel, ma \u00e8 vettoriale. Ecco come appare lo stesso file se lo aprite con un editor di testo.<\/p>\n

\n

\"Un
Un file SVG in un editor di testo<\/figcaption><\/figure><\/figure>\n

La maggior parte dei dati all’interno di questo file si trova all’interno dell’elemento path<\/b>. Questo elemento permette di definire i vettori in qualsiasi direzione. Abbiamo aggiunto un po’ di colore alle linee utilizzando i CSS<\/a>.<\/p>\n

Se provate ad aprire un file JPEG o PNG utilizzando un editor di testo, quello che vedrete sar\u00e0 incomprensibile. Tuttavia, potete prendere un altro formato di immagine e convertirlo in SVG traducendo quei pixel in percorsi o vettori. Vi mostreremo come funziona tra un minuto, ma, per ora, vediamo perch\u00e9 e quando usare i file SVG.<\/p>\n\n

Perch\u00e9 Usare un File SVG<\/h2>\n

Un file SVG viene utilizzato per qualsiasi tipo di grafica che potreste aver bisogno di ridimensionare. Di solito, se provate a impostare diverse dimensioni dell’immagine<\/a>, avrete problemi di pixelatura. I file SVG, invece, sono infinitamente scalabili perch\u00e9 state lavorando con vettori invece che con pixel.<\/p>\n

\n

\"I
I file SVG sono ridimensionabili<\/figcaption><\/figure><\/figure>\n

Come si vede, se si ridimensiona, l’immagine non si distorce e non fa pixel. Questo rende i file SVG perfetti per loghi, illustrazioni, immagini in primo piano, grafica in linea e altro. Significa anche che potete ridurre la dimensione del file immagine<\/a> per velocizzare il vostro sito WordPress, senza compromettere la qualit\u00e0.<\/p>\n

Ecco alcuni dei file SVG che usiamo sul nostro sito web, per darvi un’idea pi\u00f9 chiara dei tipi di grafica di cui stiamo parlando.<\/p>\n

\n

\"Alcuni
Alcuni file SVG su Kinsta<\/figcaption><\/figure><\/figure>\n

Oltre ad essere ridimensionabili all’infinito, i file SVG offrono anche una serie di altri vantaggi, tra cui:<\/p>\n