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
Ti consigliamo di caricare immagini ad alta risoluzione di qualità al 100% (fino a 50 MB ciascuna) in gallerie. Ridimensioniamo le immagini e forniamo automaticamente le dimensioni migliori a seconda del dispositivo e della risoluzione per velocizzare il caricamento del sito web.
I formati di file immagine del sito Web supportati sono JPG, JPEG, PNG e GIF.
We non conservare le tue immagini originali nella sezione del sito web. Pixpa ottimizza automaticamente le tue immagini in modo che si adattino a una dimensione massima di 2560 pixel in larghezza e 3840 pixel in altezza, mantenendo le proporzioni originali. Se carichi immagini più grandi, 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 consentito per Galleria del sito web/Galleria della pagina è 500Se hai più immagini da mostrare, considera creazione di più gallerie.
Dimensione ideale dell'immagine per Banner
A bandiera immagine o immagine di copertina aggiunge un tocco alla tua pagina. Puoi aggiungere il banner nella parte superiore o inferiore della pagina.
La dimensione ideale di un'immagine Banner sarà 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
Migliori Immagine in primo piano di una pagina viene utilizzato per la condivisione sui social e verrà utilizzato anche se la pagina viene aggiunta a una cartella. Ti consigliamo di caricare un'immagine ad alta risoluzione di qualità 100% per un'immagine in miniatura.
I formati di file supportati per le immagini in primo piano 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
Puoi aggiungere fino a 200 immagini del prodotto per mostrare il tuo prodotti nel negozio.
I formati di file immagine supportati sono JPG, JPEG e PNG.
La dimensione ideale dell'immagine del prodotto è di circa 1000 pixel X 1000 pixel.
Dimensione ideale dell'immagine per l'immagine del post del blog
Ti consigliamo di caricare immagini ad alta risoluzione di qualità al 100%. I formati di file immagine del sito Web supportati sono JPG, JPEG, PNG e GIF.
We non conservare le tue immagini originali nella post del blog.
La dimensione ideale per l'immagine di un post sul blog è pixel 1200. Se carichi immagini di dimensioni maggiori, noi downsize loro di 1200 pixel di larghezza.
Per prestazioni ottimali, il numero massimo di immagini consentito per La galleria dei post del blog è 500.
Dimensioni delle immagini negli snippet di Page Builder
Abbiamo vari frammenti di contenuto basati su immagini nel trascinamento della selezione Pagina costruttore. Le dimensioni ideali sarebbero le seguenti.
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
Migliori L'altezza massima dell'immagine supportata è di 3840 pixel.Se carichi immagini di dimensioni superiori a quelle supportate, verranno automaticamente ridimensionate mantenendo le proporzioni originali.
Dimensioni delle immagini negli elementi dell'elenco del generatore di pagine
Nel generatore di pagine, abbiamo gli elementi dell'elenco dinamico come Elenchi di immagini and testimonianze dove carichi 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 supportata del file immagine è 20 MB.
Dimensione ideale dell'immagine per le gallerie dei clienti
Nel caso di Gallerie clienti, salviamo i tuoi 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?
Ti consigliamo di caricare immagini ad alta risoluzione originali di qualità al 100% (fino a 100 MB ciascuna). Non tocchiamo i tuoi file originali che verranno consegnati direttamente al cliente tramite un collegamento sicuro al completamento dell'ordine. Scopri come per vendere le tue 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 consentito per La galleria clienti all'interno di un album è 1000Se hai più immagini da mostrare, considera creazione di più gallerie.
Per le immagini scaricabili digitalmente nelle Gallerie clienti, Pixpa offre le seguenti tre opzioni di risoluzione oltre a Scarica l'immagine a dimensioni originali:
-
Grande: 2560px
-
Medio: 1200px
-
Piccolo: 600px
Dimensioni ideali dell'immagine per le app Galleria.
App Galleria ti consentono di creare app di gallerie fotografiche personalizzate per i tuoi clienti, che potranno installarle sui loro dispositivi mobili.
Per le gallerie mobili, poiché sono sufficienti immagini più piccole, la dimensione consigliata dell'immagine è 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
Compressione dell'immagine aiuta a trovare il giusto equilibrio tra qualità dell'immagine e dimensione del file che influisce sulla velocità di caricamento del tuo sito web. Il valore di compressione ideale è 75% (alta qualità). Qualsiasi modifica a questo valore viene applicata alle immagini che vengono caricate dopo aver apportato questa modifica.
Ti consigliamo di caricare JPEG di qualità al 100% poiché applichiamo la compressione delle immagini standard del 75% su tutte le immagini del tuo sito Web caricato, tuttavia puoi gestire facilmente la compressione delle immagini dal Pagina delle impostazioni. Un valore più alto aumenta la dimensione dell'immagine e offre una migliore qualità. Un valore inferiore velocizza il caricamento del tuo sito in quanto 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 tue 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 per le dimensioni.
Nitidezza dell'immagine
Potresti voler usare il file Filtro maschera di contrasto dopo aver ridimensionato le immagini poiché il ridimensionamento comporta sempre una certa sfocatura. Puoi raggiungere il Filtro maschera di contrasto in Photoshop andando su Filtro -> Contrasta -> 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.