Qui a Yapla, ci piace aiutare le associazioni ad avere una comunicazione efficace e di impatto. Con la democratizzazione degli strumenti digitali, proporre un sito web convincente per la tua organizzazione è diventato essenziale.
Trova bellissime immagini per la tua associazione
Le immagini su un sito web non devono essere trascurate. Consentono ai visitatori di scoprire lo spirito della tua associazione e possono suscitare il desiderio di entrare a far parte della tua organizzazione. Non preoccuparti perché abbiamo buone notizie per te! Esistono banche di immagini online gratuite per soddisfare questa esigenza. Ecco la nostra selezione:
Unsplash
Con oltre un milione di immagini gratuite ad alta definizione offerte da una comunità di fotografi di tutto il mondo, Unsplash è diventato rapidamente un riferimento. Se ne hai voglia, ricordati di citare l'autore della fotografia caricata. Consigli: usa termini inglesi per trovare quello che stai cercando.
Pexel
Questa banca di immagini offre una scelta completa di foto e video. Pexels raccoglie immagini da diverse banche di immagini. La ciliegina sulla torta, o il gelato, puoi cercare in francese.
Flatlcon
FlatIcon offre una libreria molto ampia di icone, la maggior parte delle quali sono disponibili gratuitamente. Il sito offre pacchetti tematici per ottenere rapidamente un set coerente. È richiesta un'attribuzione all'autore con un account gratuito.
Scegli il formato giusto
È importante conoscere il formato più adatto nella scelta delle immagini e nella loro integrazione nel tuo sito web. Per renderlo il più semplice possibile, vedremo i due formati più comuni:
JPG
È il formato più utilizzato sul Web da molti anni. Questo formato è ideale per immagini con uno sfondo e molti colori.
PNG
Dovresti usare il formato PNG se la tua immagine ha un'area di trasparenza/opacità. Inoltre, tieni presente che il formato PNG viene spesso scelto per integrare loghi o grafica con linee e testo perché consente un'immagine più pulita e meno macchiata rispetto al formato precedente.
Ottimizza le tue immagini per il tuo sito web
L'ottimizzazione delle tue immagini è un passaggio importante e spesso trascurato. Ti consente di avere un sito web più veloce e meglio referenziato. Ecco i nostri 3 consigli:
Ridimensiona le tue immagini
Per evitare problemi di visualizzazione e velocità, ricordati di ridimensionare le tue immagini prima di integrarle nel tuo sito web.
Comprimi le tue immagini
Tieni presente che la maggior parte delle tue visite avverrà su dispositivi mobili. Pertanto, è importante che la pagina sia il più leggera possibile. La compressione delle immagini è un modo molto efficace per ridurre le dimensioni di una pagina web e il tempo di download.
Puoi utilizzare uno strumento online come Compressor o TinyPNG per ridurre il peso della tua immagine e migliorare il caricamento del tuo sito web.
Rinomina le tue immagini
Prima di importare le tue immagini sul tuo sito web, è importante dedicare del tempo a rinominare tutte le tue immagini:
- Li troverai più facili da trovare quando sarà il momento;
- Le immagini rinominate consentiranno una migliore referenziazione;
- Contribuirai a rendere Internet più accessibile per le persone con disabilità visive o per altri
Ottimizza le mie immagini in base al loro utilizzo nel tuo sito web
A seconda dell'uso dell'immagine, le best practice possono variare. Se hai bisogno di maggiori informazioni sui moduli di Yapla, leggi questo articolo: Lista dei moduli per la funzionalità del sito web.
In ogni caso, se vuoi massimizzare la risoluzione della tua immagine, puoi importare un'immagine due volte più grande della dimensione desiderata (3840 px per un banner, ad esempio) e ovviamente comprimerla con gli strumenti sopra menzionati.
Area dell'immagine
L'area dell'immagine è perfetta per visualizzare e ridimensionare l'immagine di qualsiasi dimensione poiché queste opzioni sono nel modulo. Se la dimensione non è definita nel modulo, occuperà il 100% del contenitore. Tuttavia, se l'immagine si trova in un'area del 50% della tua pagina, occuperà il 50% della larghezza della pagina.
Immagini di articoli multipli o in primo piano
La parola chiave quando hai immagini in lista è coerenza. Se tutte le immagini del tuo articolo hanno le stesse dimensioni, la visualizzazione in lista sarà molto più uniforme.
Banner
È probabile che il tuo banner sia l'immagine più grande del tuo sito web. Tieni presente che la dimensione più comune dello schermo del computer è 1920x1080. Quindi un banner con una larghezza di almeno 1920 px è una buona pratica.
Favicon
La favicon non deve essere più grande di 16 px x 16 px.
Conclusione
Abbiamo visto insieme diverse buone pratiche e strumenti per ottimizzare le immagini sul tuo sito web. Ora hai gli strumenti per trovare bellissime immagini, scegliere il formato giusto e ottimizzarle prima di integrarle nel tuo sito web.
Commenti
Accedi per aggiungere un commento.