Scegliere la dimensione corretta delle immagini è fondamentale per mantenere un sito web visivamente accattivante e veloce nel caricamento. L'utilizzo di immagini di dimensioni adeguate garantisce che i contenuti appaiano nitidi su tutti i dispositivi, migliorando al contempo le prestazioni della pagina.
Questa guida illustra le dimensioni consigliate per le immagini nelle diverse sezioni di Pixpa, aiutandoti a caricare immagini che si adattino perfettamente senza distorsioni o ridimensionamenti non necessari. Seguendo queste linee guida, potrai ottenere layout coerenti e offrire una migliore esperienza di visualizzazione ai tuoi visitatori.
Pixpa ridimensiona automaticamente le immagini per garantire una visualizzazione e prestazioni ottimali, mantenendo le proporzioni originali.
- Le immagini vengono ridimensionate per adattarsi a un riquadro di delimitazione massimo di 2560 × 3840 px.
- Né la larghezza né l'altezza supereranno questi limiti
- Una dimensione può risultare più piccola a seconda dell'orientamento dell'immagine.
Come funziona il ridimensionamento:
- Le immagini vengono ridimensionate fino a quando entrambe le condizioni non vengono soddisfatte:
- La larghezza è inferiore o uguale a 2560 pixel
- L'altezza è inferiore o uguale a 3840 pixel
Dimensioni consigliate:
- Utilizzare immagini con una larghezza massima di 2560 px per l'orientamento orizzontale.
- Per le immagini con orientamento verticale, utilizzare una dimensione massima di 3840 pixel di altezza.
In questo articolo:
- Dimensione ideale dell'immagine per le gallerie del sito web
- Dimensione ideale dell'immagine per Banner
- Dimensione ideale dell'immagine per l'immagine in primo piano
- Dimensione ideale dell'immagine per l'immagine del prodotto
- Dimensioni ideali dell'immagine per il post del blog
- Dimensioni delle immagini negli snippet di Page Builder
- Dimensioni delle immagini negli elementi dell'elenco del generatore di pagine
- Dimensione ideale dell'immagine per le gallerie dei clienti
- Dimensioni ideali dell'immagine per le app Galleria.
- Dimensione ideale per Gif
- Qualità dell'immagine e compressione
- Profilo colore dell'immagine
- Ridimensionamento dell'immagine per le immagini del sito web
- Nitidezza dell'immagine
- Elaborazione di immagini in blocco
Dimensione ideale dell'immagine per le gallerie del sito web
Consigliamo di caricare nelle gallerie immagini ad alta risoluzione e di qualità al 100% (fino a 50 MB ciascuna) . Ridimensioniamo automaticamente le immagini e forniamo la dimensione ottimale in base al dispositivo e alla risoluzione per velocizzare il caricamento del sito web.
I formati di file immagine supportati per i siti web sono JPG, JPEG, PNG e GIF.
Non conserviamo le tue immagini originali nella sezione del sito web. Pixpa ottimizza automaticamente le tue immagini in modo che rientrino in una dimensione massima di 2560 pixel di larghezza e 3840 pixel di altezza, mantenendo le proporzioni originali. Se carichi immagini più grandi, queste vengono ridimensionate di conseguenza in modo che né la larghezza superi i 2560 pixel né l'altezza superi i 3840 pixel.
Le immagini vengono ottimizzate automaticamente per adattarsi a una dimensione massima di 2560 pixel di larghezza e 3840 pixel di altezza, mantenendo le proporzioni originali. Nel caso di layout a griglia per le gallerie, le immagini del sito web vengono generate automaticamente in base al layout a griglia scelto.
Per prestazioni ottimali, il numero massimo di immagini consentite per galleria del sito web/galleria di pagina è 500. Se si dispone di un numero maggiore di immagini da mostrare, si consiglia di creare più gallerie.
Dimensione ideale dell'immagine per Banner
Un'immagine banner o di copertina aggiunge un tocco di stile alla tua pagina. Puoi posizionare il banner nella parte superiore o inferiore della pagina.
La dimensione ideale per un'immagine banner è di 2000 pixel x 2000 pixel.
I formati di file immagine supportati per il banner sono JPG, JPEG, PNG e GIF.
Dimensione ideale dell'immagine per l'immagine in primo piano
L' immagine in evidenza di una pagina viene utilizzata per la condivisione sui social media e verrà utilizzata anche se la pagina viene aggiunta a una cartella. Si consiglia di caricare un'immagine ad alta risoluzione con qualità del 100% come miniatura.
I formati di file supportati per le immagini in evidenza sono JPG, JPEG e GIF.
Non esiste una dimensione dell'immagine consigliata per le immagini in primo piano. Il sistema ridimensionerà automaticamente l'immagine una volta caricata la stessa.
Dimensione ideale dell'immagine per l'immagine del prodotto
È possibile aggiungere fino a 200 immagini di prodotto per presentare al meglio i propri articoli nel negozio.
I formati di file immagine supportati sono JPG, JPEG e PNG.
Le dimensioni ideali per l'immagine del prodotto sono di circa 1000 pixel x 1000 pixel.
Dimensione ideale dell'immagine per l'immagine del post del blog
Si consiglia di caricare immagini ad alta risoluzione e di qualità al 100%. I formati di file immagine supportati sono JPG, JPEG, PNG e GIF.
Non conserviamo le tue immagini originali nei post del blog.
La dimensione ideale per un'immagine di un post del blog è di 1200 pixel . Se carichi immagini di dimensioni maggiori, le ridimensioneremo automaticamente a 1200 pixel di larghezza.
Per prestazioni ottimali, il numero massimo di immagini consentite per galleria di articoli del blog è 500.
Dimensioni delle immagini negli snippet di Page Builder
Nel page builder drag-and-drop sono disponibili diversi snippet di contenuto basati su immagini . Le dimensioni ideali sono quelle indicate di seguito.
Le immagini di grandi dimensioni verranno automaticamente ridimensionate alle seguenti dimensioni, quindi non è necessario ritagliare le immagini in quanto tali. I formati di file supportati sono JPG, JPEG e PNG.
- Blocca immagini di sfondo – Utilizzare una larghezza di 2560 pixel
- Frammento di immagine singola – Utilizzare una larghezza di 2560 pixel
- Frammento di immagine a 2 colonne – Utilizzare una larghezza di 1200 pixel
- Frammento di immagine a 3 colonne – Utilizzare una larghezza di 750 pixel
- Frammento di immagine a 4 colonne – Utilizzare una larghezza di 500 pixel
L' altezza massima supportata per le immagini è di 3840 pixel . Se si caricano immagini di dimensioni superiori a quelle supportate, queste verranno automaticamente ridimensionate mantenendo le proporzioni originali.
Dimensioni delle immagini negli elementi dell'elenco del generatore di pagine
Nel Page Builder sono presenti elementi di elenco dinamici come elenchi di immagini e testimonianze , dove è possibile caricare le immagini.
In tali sezioni, le dimensioni dell'immagine dipenderanno dal numero di colonne che stai aggiungendo.
- Elenco immagini singole – Utilizzare una larghezza di 2560 pixel
- Elenco immagini a 2 colonne – Utilizzare una larghezza di 1200 pixel
- Elenco immagini a 3 colonne – Utilizzare una larghezza di 750 pixel
- Elenchi di immagini a 4 colonne e più piccoli – Utilizzare una larghezza di 500 pixel
La dimensione massima del file immagine supportata è di 20 MB.
Dimensione ideale dell'immagine per le gallerie dei clienti
Nel caso delle Gallerie Clienti , conserviamo i file originali.
Il piano Base ha 3 GB, il piano Creator ha 5 GB, il piano Professional ha 25 GB e il piano Advanced ha 100 GB di spazio per salvare i file originali (per la distribuzione online).
Se hai bisogno di più spazio, puoi applicare il Componente aggiuntivo Client-Galleries alla planimetria del sito web.
Avrai la possibilità di scegliere tra Da 20 GB a spazio di archiviazione cloud illimitato per le tue immagini originali secondo le tue esigenze.
Vedi anche: Cosa si intende per spazio per i file originali?
Consigliamo di caricare immagini originali ad alta risoluzione e di qualità eccellente (fino a 100 MB ciascuna). Non modifichiamo i vostri file originali, che verranno consegnati direttamente al cliente tramite un link sicuro al completamento dell'ordine. Scoprite come vendere le vostre immagini.
Creiamo più versioni in formato web utilizzando l'immagine originale che verrà utilizzata per mostrare i file originali sul tuo sito web. Il sistema applicherà anche le impostazioni di compressione alle immagini in formato Web create dai file originali.
Per prestazioni ottimali, il numero massimo di immagini consentite per galleria Cliente all'interno di un album è 1000. Se hai più immagini da mostrare, valuta la possibilità di creare più gallerie.
Per le immagini scaricabili digitalmente nella sezione Gallerie Clienti, Pixpa offre le seguenti tre opzioni di risoluzione, oltre al download dell'immagine a dimensione originale :
-
Grande : 2560px
-
Medio : 1200px
-
Piccolo : 600px
Dimensioni ideali dell'immagine per le app Galleria.
Le app per gallerie fotografiche ti consentono di creare app personalizzate per gallerie fotografiche su dispositivi mobili, che i tuoi clienti potranno installare sui loro smartphone.
Per le gallerie su dispositivi mobili, poiché sono sufficienti immagini di dimensioni ridotte, la dimensione consigliata è di 640 pixel di larghezza.
Dimensione ideale per Gif
Nel caso in cui tu stia aggiungendo gif nello studio Pixpa, la gif dovrebbe essere inferiore a 2560px sia in larghezza che in altezza.
Inoltre, il numero di fotogrammi nella GIF deve essere inferiore o uguale a 60.
Qualità dell'immagine e compressione
La compressione delle immagini aiuta a trovare il giusto equilibrio tra qualità dell'immagine e dimensioni del file, influenzando la velocità di caricamento del sito web. Il valore di compressione ideale è del 75% (alta qualità). Qualsiasi modifica a questo valore verrà applicata alle immagini caricate successivamente alla modifica.
Consigliamo di caricare immagini JPEG con qualità al 100%, poiché applichiamo una compressione standard del 75% a tutte le immagini caricate sul tuo sito web. Tuttavia, puoi facilmente gestire la compressione delle immagini dalla pagina Impostazioni . Un valore più alto aumenta le dimensioni dell'immagine e offre una qualità migliore. Un valore più basso rende il tuo sito più veloce, poiché le dimensioni dei file sono inferiori.
Profilo colore dell'immagine
Solo per aggiungere, assicurati che le immagini del tuo sito web siano in un profilo colore sRGB che è il profilo colore di rendering standard del browser e 72 dpi sarebbero più che sufficienti per quasi tutti i display del browser.
Vedi anche: Preparare il profilo colore delle immagini per ottenere i migliori risultati.
Ridimensionamento dell'immagine per le immagini del sito web
Per ridimensionare le immagini in Photoshop , vai su Immagine -> Dimensione immagine. Per il web, dovresti impostare la risoluzione a 72 dpi e utilizzare una larghezza di 2560 pixel come dimensioni.
Nitidezza dell'immagine
Potresti voler utilizzare il filtro Maschera di contrasto dopo aver ridimensionato le immagini, poiché il ridimensionamento comporta sempre una certa sfocatura. Puoi trovare il filtro Maschera di contrasto in Photoshop andando su Filtro -> Nitidezza -> Maschera di contrasto.
Elaborazione di immagini in blocco
Se hai diverse immagini da ruotare, ridimensionare o rendere più nitide, puoi registrare un'azione e utilizzare il comando batch per elaborare un'intera cartella di immagini senza ripetere questi passaggi per ogni immagine.
Oppure puoi anche usare software di terze parti per ridimensionare le tue immagini in blocco.