Questa guida riguarda Site Creator, lo strumento Infomaniak per la creazione di siti web che offre, tra le altre cose, una libreria per i tuoi contenuti multimediali (immagini, video, documenti, ecc.).

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su Infomaniak Manager (hai bisogno di aiuto?).
  • Clicca direttamente sul nome assegnato al Site Creator specifico.
  • Clicca sul pulsante Modifica il mio sito per avviare l'editor:
    

Accedere ai file

La libreria è accessibile dalla parte inferiore del menu laterale sinistro, sotto File:

Questi contenuti multimediali saranno a tua disposizione quando modificherai le tue pagine e vorrai inserire contenuti.

Organizza i tuoi file, cartelle e sottocartelle

Attenzione, non puoi:

• spostare file/cartelle
• rinominare file/cartelle
• eliminare una cartella se non è completamente vuota

Creare una nuova cartella

Utilizzare il menu azioni ⋮ in basso a destra della finestra:

Caricare un nuovo file nella libreria

Fare clic su Carica un file per sfogliare il disco rigido e caricare i file desiderati:

Sono supportati i formati di immagine più comuni (webp, jpg, jpeg, png, gif, svg, ecc.), con il formato webp consigliato (offre il miglior rapporto qualità/compressione per una visualizzazione web ultra-rapida).

Lo stesso vale per i video (mp4, mov, ecc.) e si possono anche caricare file (zip, pdf, ecc.) per renderli disponibili ai visitatori tramite il modulo Download file.

Comprimere un'immagine

Le immagini di grandi dimensioni vengono automaticamente ridimensionate all'importazione: le immagini più grandi di 1200 px vengono automaticamente ridotte a 1200 px, ma è possibile gestire questa impostazione nelle impostazioni generali:

È anche possibile comprimere l'immagine stessa utilizzando l'opzione Comprimi un'immagine dalla libreria, per migliorare la velocità di caricamento del sito:

Per evitare questo problema, è necessario ottenere una chiave API di TinyPNG dal loro sito e inserirla in Applicazioni > TinyPNG di SiteCreator:

Aprire l'editor di immagini

Passa il mouse su un'immagine nella libreria e fai clic sul menu delle azioni ⋮ per accedere all'editor di immagini:

Quando salvi le modifiche, l'immagine verrà salvata come copia nella tua libreria:

Ottimizzare il posizionamento sui motori di ricerca (SEO) e l'accessibilità

Dopo aver importato le immagini dalla libreria nelle tue pagine web, non dimenticare di inserire il testo alternativo (tag Alt) nelle impostazioni del blocco immagine. Questa descrizione testuale è essenziale: consente ai motori di ricerca (come Google) di comprendere il contenuto delle tue immagini e rende il tuo sito accessibile alle persone con problemi di vista che utilizzano lettori di schermo.

Poiché non è possibile rinominare i file una volta caricati, prendi l'abitudine di nominarli correttamente sul tuo computer prima di caricarli. Evita nomi generici (ad esempio: IMG_1234.jpg) e preferisci nomi descrittivi con trattini (ad esempio: swiss-home-repair.jpg) per migliorare il posizionamento del tuo sito sui motori di ricerca.

Cercare e utilizzare immagini gratuite

Nella barra laterale sinistra della libreria è presente una voce di menu che conduce a immagini stock (una banca di immagini) gratuite che è possibile inserire nella libreria per arricchire il proprio sito:

Proteggere i contenuti: disabilitare il clic destro

Fare clic su Impostazioni nella barra laterale sinistra, quindi su Impostazioni generali. In fondo è presente un'opzione che, una volta attivata, disabilita il clic destro dei visitatori sul sito:

Risolvere un problema di caricamento dei media

Provare a caricare file WEBP, JPG o PNG il più leggeri possibile (idealmente inferiori a 500 KB); non è necessario caricare sul server immagini con una larghezza superiore a 1000-2000 pixel.

Assicurarsi inoltre che i file immagine siano salvati con il profilo colore RGB, che è lo standard per la visualizzazione su schermo. Evitare il profilo CMYK, che è molto pesante ed è riservato esclusivamente alla stampa su carta, in quanto potrebbe causare errori di visualizzazione o bloccare l'importazione.

Se si tenta di caricare file direttamente dalla fotocamera o dallo smartphone, provare a ridimensionarli prima del caricamento; ad esempio, da un iPhone, l'immagine potrebbe essere in formato HEIF/HEIC, che non è supportato nativamente dai browser web; provare a convertirla prima in JPG.