P. IVA e C.F. 04104160165

Web Agency Secrets by Knoweb: Come ottimizzare le immagini per il sito web

Venerdì, 28 Giugno 2019 12:56 Scritto da
Web Agency Knoweb - Ottimizzare i file delle immagini

Dicono che un'immagine vale più di mille parole, che è una delle ragioni per cui le immagini sono così importanti. Senza che il cliente sia in grado di prendere, toccare e ispezionare un prodotto o un servizio, si deve affidare molto alle immagini per capire il colore, la qualità e la storia del prodotto o la modalità di prestazione di un servizio.

Potremmo pensare che quindi le immagini debbano essere ad alta risoluzione e nitidezza. Ma questo ha un prezzo. Immagini grandi e ad alta definizione possono avere file di dimensioni enormi. Mettere alcuni di questi file sul tuo sito e l'esperienza scattante di navigazione del tuo negozio online può finire per sentirsi più come nuotare attraverso il cemento. Non solo questo farà rimbalzare i visitatori, ma, nel tempo, anche Google se ne accorgerà, e questo potrebbe influenzare la vostro SEO.

Nel tuo sito web, è fondamentale trovare un buon equilibrio tra la qualità dell'immagine e le dimensioni del file immagine quando si salva un'immagine per il proprio sito. Se non avete una web agency a cui far svolgere il lavoro o se preferite preparare voi le immagini da dare alla web agency vi mostreremo come fare proprio questo in questo post.

Se sei stato incaricato per scattare fotografie e per caricarla direttamente sul tuo sito web, questo tutorial è per te. Se non hai conoscenze per il salvataggio delle immagini con le dimensioni del file in mente, questo tutorial è per te. Se il tuo sito ha tonnellate di immagini e le cose vanno lente, questo tutorial è per te. Se non avete ancora iniziato a costruire il vostro sito web, questo tutorial è particolarmente adatto a voi.

Sei pronto ad ottimizzare le tue immagini per il tuo sito web?

Opzioni del tipo di file immagine

Ci sono tre tipi di file principali su cui vogliamo concentrarci per salvare le immagini ottimizzate per il web: GIF, JPG e PNG. Ogni tipo di file ha i suoi punti di forza e di debolezza ed è molto importante conoscerli e tenerli a mente quando si salva un'immagine.

Lavorare con i JPG

I JPG (noti anche come JPEG) sono il tipo di file più popolare per le immagini sul web. I JPG sono perfetti per fotografie o immagini complesse contenenti molti colori, ombre, gradienti o modelli complessi. I JPG gestiscono bene questo tipo di immagini perché i JPG hanno un'enorme tavolozza di colori con cui lavorare. I JPG possono anche essere salvati in alta qualità, di bassa qualità o in qualsiasi altro punto intermedio. Questo permette di regolare e salvare l'immagine esattamente come si desidera, bilanciando qualità e dimensione del file.

Lavorare con i PNGs

I PNG sono un altro popolare formato di file online. In Adobe Photoshop, avrete la possibilità di salvare i PNG come PNG-8 o PNG-24.

  • - PNG-8 ha una tavolozza di 256 colori molto limitata. Anche se le dimensioni dell'immagine sono più piccole, questa non sarà una buona opzione per immagini e fotografie complesse.
  • - PNG-24 fornisce un'immagine di qualità molto più elevata, ma al costo di un file di dimensioni maggiori.
Ancora più importante, PNGs può gestire la trasparenza. Questo è uno dei maggiori punti di differenziazione tra PNG e JPEG.

Lavorare con le GIF

Le GIF erano più popolari molti anni fa, ma sono ancora un'opzione per immagini di piccole dimensioni dove sono necessari solo pochi colori. Molto simile al PNG-8, i file GIF sono limitati a 256 colori. Per questo motivo, le GIF non dovrebbero mai essere usate per le foto dei prodotti. Caso d'uso per gli imprenditori del commercio elettronico: Le GIF possono essere utilizzate per i loghi, ma a causa dei loro colori limitati, non sono molto popolari nella maggior parte dei casi d'uso nel commercio elettronico.

Salvataggio corretto delle immagini

Come ci si può aspettare, le immagini di grandi dimensioni richiedono più tempo per essere caricate. Quando diciamo grande, ci riferiamo alla dimensione del file piuttosto che alle dimensioni di un'immagine, cioè al valore in KB, MB, MB, GB ecc. Dato che il 47% degli utenti si aspetta che una pagina web si carichi in meno di 2 secondi, e il 40% abbandona una pagina che impiega più di 3 secondi per caricarsi, è importante che le immagini siano abbastanza piccole da garantire un sito veloce.

Ci sono tre cose che puoi fare per ottimizzare correttamente le tue immagini per il tuo sito web:

Salva le giuste dimensioni

È necessario aprire l'immagine in Photoshop e visualizzarla al 100%. Ciò consente di visualizzare l'immagine nelle dimensioni esatte che verrà visualizzata su un monitor di un computer quando si salva l'immagine per il web.

Salva immagini per il Web

E' possibile ridurre le dimensioni del file senza ridurre significativamente la qualità delle immagini. Il nostro metodo preferito per ridurre le dimensioni dei file senza ridurre significativamente la qualità dell'immagine è quello di utilizzare la funzione "Salva per il Web" di Photoshop. Aprite la vostra immagine in Photoshop e andate su File > Esporta > Salva per il Web (Legacy)....... Apparirà una finestra che vi permetterà di scegliere la qualità di esportazione. Troviamo che una qualità di 60 funziona al meglio perché riduce la dimensione del file al di sotto di un megabyte e non c'è alcuna differenza di qualità.

Comprimere le immagini per il Web


Le applicazioni di compressione delle immagini sono il modo più semplice per ridurre le dimensioni dei file delle immagini. Questi tipi di strumenti rimuovono i dati nascosti nel file immagine, come profili di colore aggiuntivi e metadati (come la geolocalizzazione del luogo in cui è stata scattata la foto) che non sono necessari. Questi strumenti forniscono un modo semplice e veloce per ridurre le dimensioni dei file senza perdere la qualità dell'immagine. Applicazioni e servizi di compressione delle immagini

  • - ImageOptim
  • - ShortPixel
  • - TinyJPG
  • - TinyPNG
  • - Compressore.io
  • - Kraken
  • - ImageOptimizer
  • - Schiacciare le foto (Shopify App)
  • - Minifier (App Shopify)

Lascia un commento

Assicurati di aver digitato tutte le informazioni richieste, evidenziate da un asterisco (*). Non è consentito codice HTML.

HAI UN'AZIENDA E VUOI ACQUISIRE NUOVI CLIENTI?
RICHIEDI ADESSO LA TUA CONSULENZA GRATUITA.
Privacy Policy disponibile alla pagina knoweb.srl/privacy

Dicono di noi

Vitor s.r.l. Tour Operator

Abbiamo affidato la gestione del progetto di web marketing di VITOR a Knoweb e i risultati sono andati oltre le aspettative. Abbiamo raddoppiato il numero di lead a fronte del mantenimento dello stesso budget di investimento promozionale.

Voto 5/5

Barbara Bianchi - Vitor s.r.l

Harley Davidson Bergamo

Giovani e ricchi di idee! ti seguono molto bene e sono sempre disponibili. Lo Consiglio vivamente a tutti quelli che vogliono qualcosa di più di un semplice sito internet.

Voto 5/5

Angelo Rebuffini - Harley Davidson Bergamo

RB Ausili Ortopedici & Service s.r.l.

Da più di un anno collaboriamo con Fabio e Claudia di Knoweb, in principio eravamo dubbiosi su alcune proposte volte a risolvere la mancanza di contatti dal nostro sito web, ci siamo fidati del loro giudizio ed esperienza, ad oggi siamo molto soddisfatti dei risultati ottenuti.
Il loro supporto è stato fondamentale sia per la creazione del nuovo sito di rb ausili ortopedici che per il mantenimento delle campagne AdWords.
Non possiamo che consigliarli!

Voto 5/5

Alessandro Bettoni - RB Ausili Ortopedici & Service s.r.l.

Consorzio Valcalepio

Knoweb, e Claudia in particolare, è stato un partner eccezionale nella realizzazione del nostro nuovo sito web consortile. Attenta alle nostre esigenze, disponibile e flessibile è stata in grado in brevissimo tempo di realizzare un nuovo sito che rispondesse alle nostre esigenze di praticità e semplicità d'uso dando però anche un aspetto professionale e curato al nuovo look aziendale.
Il suo aiuto e la sua disponibilità anche in fase di post realizzazione sono stati preziosissimi.
Assolutamente consigliati!

Voto 5/5

Sara Cantoni - Consorzio Valcalepio

DTR VMS Italy

Giovani e competenti. Ci hanno guidato nel progetto di restyling del sito internet aziendale ed ora altri stabilimenti del gruppo si stanno ispirando al nostro modello.

Voto 5/5

Loris Plebani - DTR VMS Italy

Immobili e Soluzioni di Marco Locatelli

Dovevamo fare il nostro nuovo sito Internet.
Volevamo qualcosa di qualitativamente soddisfacente e che ci rappresentasse a 360°. Lo abbiamo trovato grazie a Knoweb; alla loro professionalità e disponibilità.
Non avremmo potuto fare scelta migliore.

Voto 5/5

Marco Locatelli - Immobili & Soluzioni

KNOWEB Voto 5/5 calcolato su 6 recensioni

Language Filter

DESIDERI RICEVERE VIA MAIL I NOSTRI CONSIGLI GRATUITI SU COME ACQUISIRE CLIENTI ATTRAVERSO IL WEB?
ISCRIVITI ADESSO ALLA NEWSLETTER.