Guide & Informazioni

Se sei già cliente di SoluzioneSito alcune sezioni e guide sono disponibili per facilitare il tuo lavoro e guidarti nelle operazioni più comuni di aggiornamento e mantenimento del tuo sito. I link a seguire offrono un accesso diretto a queste sezioni:

Nel caso in cui non avessi individuato la risposta alla tua richiesta contatta lo staff di SoluzioneSito o il tuo commerciale di riferimento esponendo nel modo più dettagliato possibile il tuo problema.

Guida alla gestione e modifica delle immagini

La gestione delle immagini è un fattore molto importante nell'amministrazione del proprio sito, nella maggior parte dei casi un uso errato delle immagini è alla base di problemi come la lentezza di caricamento delle pagine create o la non corretta visualizzazione delle stesse. Le immagini possono essere facilmente reperite online oppure realizzate in autonomia tramite le diffusissime macchine fotografiche digitali, i cellulari con fotocamera o scansendo materiali cartacei in propria disponibilità. Non si dispone praticamente mai di un'immagine ottimizzata per dimensione (larghezza e altezza), peso e risoluzione con l'inconveniente di doverla rielaborare.

Nei casi peggiori si considera una buona rielaborazione l'inserimento dell'immagine originale e la sua distorsione con l'inserimento nell'editor di una dimensione corretta, niente di più sbagliato. L'immagine infatti non solo rimane del peso originale, nella maggioranza dei casi assolutamente sproporzionato verso l'alto, ma nel ridimensionamento "fai da te" viene resa anche più brutta di quella che è per la mancata ottimizzazione del ridimensionamento. La soluzione migliore sarebbe quella di disporre di un programma di elaborazione grafica sul proprio computer come Adobe PhotoShop® oppure Corel Paint Shop Pro® ma non sempre è possibile o veloce. Esistono però alcuni siti che possono essere utilizzati all'occorrenza per rielaborare le proprie immagini prima della pubblicazione, eccone alcuni:

  • ResizR - permette di ridimensionare un'immagine JPG indicandone la larghezza e di ruotarla dopo l'elaborazione, caricandola dal proprio computer o recuperandola dal web tramite indicazione del link
  • Resize Your Image - permette di ritagliare una porzione di un'immagine indicandone la larghezza e l'altezza e di ruotarla prima dell'elaborazione, caricandola dal proprio computer
  • Reflection Maker - permette di creare un'immagine che comprenda il riflesso dell'oggetto in essa contenuto personalizzando parametri come il colore di sfondo e la dimensione del riflesso
  • RoundPic - permette di arrotondare i bordi di un'immagine ridimensionandola al contempo personalizzando parametri come il colore di sfondo, la dimensione dell'arrotondamento e l'elaborazione con sfondo trasparente (formato PNG finale)
  • Picasion - permette di creare immagini GIF partendo da immagini separate con personalizzazione della velocità di passaggio tra un'immagine e l'altra

In tutti i casi le immagini vengono restituite ottimizzate per peso e formato senza necessità di conoscenze tecniche specifiche. I servizi indicati sono solo esempi che possono essere utilizzati durante il proprio lavoro affiancandoli a propri siti. I servizi non sono in alcun modo collegati con SoluzioneSito e SoluzioneSito non può fornire alcuna garanzia sul loro funzionamento o disponibilità raccomandando l'utilizzo di un software proprio per una garanzia di funzionamento. Il supporto tecnico e gestionale di SoluzioneSito non è in grado di guidare i clienti sull'utilizzo dei siti sopra elencati.

Se si utilizza invece un proprio programma di elaborazione grafica è importante seguire le seguenti linee guida nella modifica e salvataggio:

  • modificare sempre altezza e larghezza dell'immagine facendo in modo che l'immagine sia nativamente delle giuste dimensioni necessarie per il sito
  • se si parte da immagini realizzate con una propria macchina fotografica, cellulare o da una scansione verificare sempre la risoluzione dell'immagine e nel caso modificarla facendo in modo che non superi i 100dpi (punti per pollice)
  • salvare le immagini in formato JPG se l'immagine necessita di tanti colori, GIF se necessita di pochi colori, trasparenza o animazione, PNG solo in caso di reale necessità come ad esempio per immagini animate ad alto numero di colori
  • se il software presenta una funzione di salvataggio specifica per il web utilizzarla per ottenere immagini ottimizzate, ad esempio in caso di utilizzo di Adobe PhotoShop salvare utilizzando la funzione "Salva per web" del menù "File" facendo riferimento alla guida del software per dettagli

Nell'occasione ricordiamo a tutti i clienti come sia importante attribuire a ciascuna immagine caricata nel proprio sito un nome adatto personalizzandolo in tutte le occasioni prima del caricamento. Le linee guida da seguire sono semplici:

  • attribuire sempre un nome aderente al contenuto dell'immagine e/o alla sua applicazione, evitando nomi come 123kfdk.jpg o immagine_1.jpg a meno che il nome non sia espressamente previsto da una procedura legata al pannello amministrativo
  • non inserire nel nome spazi (utilizzare il simbolo _ per sostituirli o scrivere parole unite)
  • non inserire nel nome caratteri speciali come lettere accentate, i caratteri ideali sono quelli compresi tra A e Z, i numeri e il simbolo "_", vietati / & % $ £ " : . ; , [ ]
  • non attribuire nomi troppo lunghi, 20 caratteri massimi
  • usare tutte lettere minuscole

A livello di pannello amministrativo è previsto un filtro che impedisce il caricamento di materiali (immagini e file) che non rispettino le caratteristiche sopra descritte perchè nomi errati causano problemi di visualizzazione nei browser, problemi nei backup degli spazi web e lentezza nell'individuare i contenuti, consigliamo quindi a tutti i clienti di prendere dimestichezza attribuendo nomi corretti ai propri file.