L'importanza delle immagini grandi

{Read in English...}
L'importanza delle immagini grandi

Forse, girando per il web, vi sarete imbattuti in siti che hanno una home page simile a questa:
Home page di departementcreatif.com
Al momento c'è un trend nel web design: le hero images.
Le hero images sono immagini che occupano una porzione molto abbondante della finestra del browser, diventando il fulcro indiscusso della pagina. A volte ne costituiscono lo sfondo, altre fanno da grosso banner.
Altri esempi: Zara, Cartier e Bing
Che questa moda sia qui per rimanere a lungo o che sia destinata a sparire non ci è ancora dato saperlo, ma una cosa resta indiscussa: queste immagini grandi hanno un forte impatto emozionale su chi le osserva ed è questa la principale ragione per cui vengono impiegate.
Fatta questa premessa sul web design, parliamo ora dei nostri blog.

Consapevoli ora dell'impatto che hanno le immagini grandi, facciamo nostra questa lezione quando carichiamo le immagini in un post. Troppo spesso ancora vedo articoli correlati di piccole immagini, ad esempio così:
L'importanza delle immagini grandi
Non è il massimo! Sembra quasi che si tratti di un bannerino o di un link, piuttosto che di una foto che immortala il soggetto del nostro post, magari allo scopo di vendere.
Guardate che impatto diverso possiamo ottenere semplicemente allargando quest'immagine:
L'importanza delle immagini grandi
Siamo tutti d'accordo che questa impostazione è più emozionale? Siamo d'accordo sul fatto che il lettore si potrebbe soffermare più a lungo ad ammirare la nostra creazione? E quindi, siamo d'accordo che il suddetto lettore, emozionato dal nostro prodotto, sarà più propenso a cliccare qui?
L'importanza delle immagini grandi
Bene! Allora basta con le piccole anteprime e via alle hero post images! :D

Nei prossimi appuntamenti dedicati alle immagini parleremo di come ottenere sempre immagini larghe quanto il corpo del testo dei nostri post, senza sgranature e senza i margini automatici che Blogger potrebbe impostare; vedremo poi consigli e accorgimenti vari.

62 commenti:

  1. Hai proprio ragione!! Io prima però devo imparare a migliorare la qualità delle mie immagini perché se manca quella...
    Devo studiare, studiare e studiare!! ^_^

    RispondiElimina
    Risposte
    1. Eh sì, è vero! Se l'immagine è bruttina l'effetto non è granché XD
      Anch'io devo migliorare molto sul fronte fotografia: non sono neanche lontanamente brava come vorrei e se non ci fosse Santo Photoshop le mie foto sarebbero così obrobriose che non le pubblicherei proprio...
      Prossimamente su questi schermi, comunque, qualche piccolo consiglio in merito :)

      Elimina
    2. Attendo con ansia! ^_^

      Elimina
  2. Farò tesoro del tuo suggerimento! Anche io dovrò migliorare le immagini altrimenti credo che l'effetto sia contrario! Grazie :-)

    RispondiElimina
  3. Ma quanto hai ragione! Il mio blog è alquanto malmesso, dovrei impegnarmici proprio di più....
    Anche le mie foto senza san Photoshop non si potrebbero guardare, almeno così sono passabili...

    RispondiElimina
  4. Domanda: ma con le immagini grandi non si appesantisce troppo la navigazione del blog? Non è meglio l'uso del Lightbox per vedere le immagini grandi mantenendo però una buona velocità di caricamento delle pagine?

    RispondiElimina
    Risposte
    1. Il problema è che l'impatto visivo aprendo la pagina non è lo stesso.
      E comunque, anche se nel post metti che l'immagine si visualizzi piccola e che poi si allarghi nella lightbox, il blog carica comunque l'immagine nelle dimensioni originali: viene ridimensionata semplicemente a livello visivo nel browser dell'utente, visto che le vengono assegnate "width" e "height" nel tag <img>, quindi in realtà non si risparmia banda in questa maniera.
      Spero di essermi spiegata bene XD
      Hai perfettamente ragione, comunque, sul fatto che la velocità di caricamento sia importantissima e infatti a questo proposito parlerò di ottimizzazione e altre "buone pratiche" nel prossimo post dedicato immagini :)

      Elimina
    2. Sull'impatto visivo hai perfettamente ragione! Allora non vedo l'ora di leggere il prossimo post! ;)
      Un'ultima domanda riguardo il "peso" delle immagini: quando carico un'immagine, nell'html del nome compare ".../s1600/...", ma portandolo a ".../s320/...", che è di solito la larghezza standard delle immagini che pubblico, dovrebbe diminuire il peso dell'immagine stessa, mentre quella del lightbox rimane a 1600. In questo modo riesco a risparmiare banda?

      Elimina
    3. Questo commento è stato eliminato dall'autore.

      Elimina
    4. In teoria è quello che accade indicando s320... Io me ne sono accorta copiando e incollando le immagini su fb: se le copio dal lightbox sono della dimensione giusta, ma se le copio dall'immagine del post (che ho impostato a s320) mi viene piccola. Da quello che mi è parso di capire, quindi, dovrebbe essere appunto l'alternativa alla creazione di due immagini di dimensioni diverse tramite software.

      Elimina
    5. Silvietta anch'io come Ottavia mi preoccupavo della velocità di caricamento del blog ma poi ho risolto caricando le foto da phobucket invece che dal pc come facevo prima e credo di averne guadagnato parecchio in velocità ... Per quanto riguarda la qualità, tu che ne pensi?... Hem... Mi sto impegnando^^ un abbraccio

      Elimina
    6. Otty, finalmente ho capito (forse) questo discorso del rinominare il file. Deve trattarsi di una funzione integrata di Picasa e forse sì, può servire a ridurre i tempi di caricamento delle thumbnail, se applicata all'immagine all'interno del tag <img>, mentre in <a href=""> si mantiene la dimensione originale (quindi quella visualizzata nella lightbox).
      Grazie per lo spunto: non conoscevo assolutamente questa funzione e magari ne farò cenno nel prossimo post, se riesco ad approfondire come si deve!
      Comunque questo è l'articolo che ho letto:
      http://www.way2blogging.org/2012/10/tips-to-resize-and-edit-images-on-blogger-picasa.html

      Elimina
    7. Alessandra, anche qui magari sfoggio un po' d'ignoranza: siamo sicuri che caricando le immagini su un servizio di hosting esterno rispetto a quello di Blogger guadagnamo in velocità di caricamento?
      Se hai qualche fonte ti prego di linkarmela perché personalmente non ne so nulla... Anzi, è una cosa che io ho sempre evitato per non incappare in limiti di spazio sui server esterni, mentre su Blogger lo spazio è illimitato.
      Sulla qualità che devo dirti? Io le adoro le tue foto! :D Certo, sono sicura che andando avanti diventeranno ancora più belle, ma nel frattempo non ti puoi proprio lamentare.
      Un bacione!

      Elimina
    8. Sono felice che finalmente ci siamo capite!!! Ti ho parlato di questa cosa proprio perché, occupandoti di grafica e blogging, magari questa informazione ti poteva tornare utile. E poi per essere sicura che non stavo facendo cavolate!!! >‿<
      Grazie per la pazienza e per i tuoi utilissimi articoli! ❤❤❤

      Elimina
    9. Grazie tesorin^^ io avevo letto un post di Alex sull'argomento, ti metto il link:
      http://cecrisicecrisi.blogspot.it/2012/07/come-creare-un-banner-con-photobucket.html?m=1
      Fammi sapere... Forse ho capito male io... L'informatica non è proprio il mio fiore all'occhiello XD un bacio

      Elimina
    10. Alessandra, per il momento posso dirti che hostando le immagini di grande dimensione (per esempio, così come vengono dalla macchina fotografica) su un sito come Photobucket e poi linkando ai post del blog le versioni ridimensionate, sicuramente ci guadagni parecchio in velocità di caricamento... Se invece parliamo dello stesso identico file, ridimensionato a monte con un software prima dell'upload, allora non ne sono così certa: alla fine si tratta di una richiesta in più di caricamento di un link esterno...
      Comunque nel prossimo post vedrò di parlarne come si deve e d'informarmi meglio su un paio di questioni anch'io prima di sparare qualcosa di grosso :D

      Elimina
    11. Ciao a tutte, ho visto il mio nome citato quindi mi inserisco nella vostra comunicazione. Fino all'anno scorso lo spazio offerto da Blogger e quindi Picasa non era affatto illimitato, anzi dopo un po' veniva richiesto alle blogger di acquistare spazio aggiuntivo.
      In pratica tutto questo spazio disponibile e' arrivato solo grazie all'apertura di Google+.

      E poi come hai detto tu Silvia, le immagini pesano uguali che si mettano su Picasa o su PhotoBucket {io lo consigliavo ma ora uso Flickr} se sono delle stesse dimensioni. Il fatto e' che troppe blogger caricano sul blog delle immagini enormi senza ridimensionarle da quando le hanno scaricate dalla macchina fotografica e poi le rimpiccioliscono di un quarto nel post ma queste pesano ugualmente nel blog.

      Sono daccordissimo con te, foto grandi for ever! Bacioni a tutte! Alex

      Elimina
    12. Grazie per le conferme, Alex :)
      Infatti, non è il caso di caricare direttamente su Blogger le immagini nelle loro dimensioni originali, altrimenti i tempi di caricamento diventano biblici!

      Elimina
  5. Interessantissimo anche questo post, grazie Silvia!!
    Buona serata, ciao!
    Carmen

    RispondiElimina
  6. Bel post lady!! Io sono da anni una fan delle immagini che ti lasciano senza parole ;-)!!!

    RispondiElimina
    Risposte
    1. Beh, quelle del tuo ultimo post a me lasciano DAVVERO senza parole! :)

      Elimina
  7. Siamo D'accordo ;D!! Anche sul mio blog ho avuto un'evoluzione per quanto riguarda le immagini, all'aumentare della qualità della foto, aumentavano anche le sue dimensioni ;D!!

    RispondiElimina
  8. Sisi, siamo proprio d'accordo! Senza parlare di tendenza delle hero images, anche solo per una questione di proporzioni tra gli spazi… troppi vuoti infastidiscono, no?! ;-)

    RispondiElimina
    Risposte
    1. I vuoti vanno sfruttati... e si possono sfruttare meglio che attorno a un'immagine francobollo :)

      Elimina
  9. ti do ragione solo sul fatto dell'impatto visivo, a me non piace gran che vedere immagini enormi ovunque(che poi è questione di gusti! ;) ma solo in alcuni casi le trovo utili allo scopo.
    un abbraccio

    RispondiElimina
    Risposte
    1. Ciao Laura! Senza arrivare all'enorme, d'accordo, ma un'immagine ben distinguibile e dai dettagli chiari fa una figura diversa rispetto ad una sua piccola parvenza. Poi, de gustibus!

      Elimina
  10. Molto interessante e sono più che d'accordo, le immagini sono molto importanti!
    Peccato che ho una macchinetta sgangherata :P :D

    RispondiElimina
  11. io decisamente tifo per le foto grandi! mi piacciono molto di più!!!
    Clelia

    RispondiElimina
  12. L'argomento foto mi interessa moltissimo, soprattutto la possibilità di averle sempre larghe quanto il testo del post. Grazie! =)
    Daniela

    RispondiElimina
  13. Non ci avevo pensato ma l'ho sempre fatto, di pancia, mi piacevano così ed allora le ho sempre messe al massimo, belle grandi, 600 pixel per le landscape, 460 per portrait.
    Le elaboro con Paint Shop e poi le "restringo" per il web per farle pesare meno.
    Ho ancora qualche dubbio che sicuramente riuscirai a fugarmi, dove devo postare le mie foto?
    Le riduco al massimo tenendo la migliore qualità e poi il dilemma è se usare Blogger o metterli su un sito di Hosting, io uso Tinypic ma ho dei dubbi, non ho capito quanto spazio ho a disposizione e poi non so se tutti possono vedere le immagini che posto su quel sito, per esempio dove lavoro il sito è bloccato da Websense.
    Se uso Blogger devo ridurre al minimo le immagini ma poi prima o poi finirò lo spazio e dovrò comprarlo.
    Come conviene fare?
    Io per non saper né leggere né scrivere faccio un po' da una parte ed un po' dall'altra alternando Blogger e Tinypic e poi quando ho maggiori dubbi uso Pinterest.
    Insomma ho le idee piuttosto confuse, il mio incubo è finire il mio spazio a disposizione ma voglio usarlo al massimo.
    Grazie per le tue lezioni
    Ciao
    Norma

    RispondiElimina
    Risposte
    1. Ciao Norma, come ho scritto nei commenti ad Alessandra e Otty devo scrivere un post su questo argomento, spero entro il fine settimana.
      Nel frattempo però posso dirti che i 15 GB di storage che offre Google non mi sembrano pochi se le foto sono compresse correttamente, quindi non ti preoccupare troppo :) Considera che io finora ho usato solo questo sistema e ne ho occupato il 7%, senza neanche eliminare le immagini obsolete(dovrei anche farlo): se mai la situazione si farà critica, credo che caricherò le immagini sul mio account Flickr (che offre veramente tanto spazio).
      Non ho mai usato Tinypic, ma credo vada bene allo scopo... Se poi sul posto di lavoro ci sono dei blocchi, quello varia molto da caso a caso.
      Riassumendo, ti consiglio di curare sempre la compressione delle immagini e di sfruttare al meglio i 15 GB gentilmente offerti da Google... Ti sconsiglio invece di usare Pinterest a questo scopo perché le immagini caricate senza link non sono molto ben accette su questo social network... e infine, se ancora temi per lo spazio, ti consiglio di provare Flickr.
      Buona serata :)

      Elimina
  14. Hai ragione dolcissima sono pienamente d'accordo con te!!!!!!!!...le foto sono molto importanti in un post!!!!!!!!!..quindi devono dare l'impatto giusto!^_^..W le foto grandi!!!!!!^_^Bacioni...

    RispondiElimina
  15. Su questo sono daccordissimo,sarà perchè sono cecata ma odio le immagini piccoline e spesso passo oltre,e vale anche per il carattere troppo piccolo.

    RispondiElimina
  16. Ciao Silvia, hai ragione, ma le mie foto non mi sembrano mai all'altezza del formato "hero"... Comunque grazie per i tuoi preziosi consigli!

    RispondiElimina
    Risposte
    1. Ma dai Cecilia, coi progressi che stai facendo! :D

      Elimina
  17. aspetto con impazienza tutte le dritte.... il le immagini Hero le adoro!!!

    RispondiElimina
  18. Come darti torto cara Silvia, a volte rimango incantata i minuti sulle foto senza nemmeno leggere il post... interessante discorso il tuo.. attendo con molto piacere gli sviluppi.
    Un abbraccio

    RispondiElimina
  19. Hai ragione! Certe blogger creano degli oggetti bellissimi ma poi caricano foto minuscole e scurissime! Sono così invidiosa di chi riesce a fare belle foto, nei propositi del 2014 c'è anche un bel corso di fotografia...
    E vogliamo parlare di chi riempe a destra e sinistra le sidebar? Di tutto si trova! Anche banner di giveway scaduti da anni! ehehheh
    ciaooo
    Denise

    RispondiElimina
    Risposte
    1. Quanto piacerebbe anche a me fare un corso serio... Magari nel 2015, per quest'anno mi accontenterò del mio buono proposito di migliorare come autodidatta!
      Le sidebar stracolme di materiale obsoleto sono frequentissime: magari si potrebbero sistemare con le pulizie di primavera :D

      Elimina
  20. Ci ero arrivata per istinto: i blog con grandi e belle immagini mi piacciono molto, e di solito fanno da discriminante nel mio inconscio per giudicare la qualità del blog (poi magari nei contenuti non è così!).
    Quindi ho sempre usato immagini grandi, a volte chiedendomi se non stessi esagerando. In fondo non tutti gli scatti meritano tanto. Comunque io non sono una gran fotografa, ma mi affido tanto a Santo Photoshop anche io, e mi sembra di ottenere risultati soddisfacenti.

    RispondiElimina
  21. Pienamente d'accordo... Viva le immagini grandi!!!!

    RispondiElimina
  22. Ciao Silvia !!! Mi è piaciuto questo tuo post. Concordo con te riguardo le immagini grandi . Sono indubbiamente molto d' impatto , anche se ovviamente mettono in evidenza anche i minimi particolari . Fatico proprio , in termini visivi , a seguire post in cui le foto sono piccole. Nel mio blog ho "allargato " più che potevo lo spazio dedicato alle foto..oltre non sono potuta andare, se non ricordo male , per il limite di blogger.... Allora attendo il tuo prossimo post !!! Un bacione grande.

    RispondiElimina
  23. Io sarò sempre a favore delle grandi immagini :D
    Fra l'altro sto studiando il nuovo trend del parallax scrolling per il mio sito portfolio che è una bomba, ti consiglio di dargli un'occhiata ;)

    RispondiElimina
  24. assolutamente d'accordo :) tra l'altro volevo fare anche più grandi le mie immagini, ma blogger ha deciso di farle visualizzare della dimensione reale snobbando completamente le mie impostazioni "piccola, media, grande" -_- se sai come risolvere anche questo ti faccio una statua di codici html!! aahahah

    RispondiElimina
    Risposte
    1. Forse allora uno dei prossimi post a tema che ho programmato fa al caso tuo :D

      Elimina
  25. Ciao arrivo dal party di pensieri chic! Il tuo blog e' molto interessante e mi farà. Piacere seguirlo! Un caro saluto e a presto Simona ps se vorrai mi trovi qui http://cappel-lana-matta.blogspot.it

    RispondiElimina
  26. Oh santo cielo, dopo tutta questa discussione ho sei miliardi di dubbi che non mi avevano mai sfiorato prima!!! 0_0
    Mi sono ammattita a caricare le foto su photobucket e ora mi dite che non cambia nulla!!! noooo
    Sono troppo troppo indietro, devo studiare un sacco di cose...irrecuperabile! ^^

    RispondiElimina
    Risposte
    1. Se hai caricato le foto originali su Photobucket e poi linkato al blog una versione ridotta allora hai fatto bene! Solo attenta con Photobucket perché mi pare che se sfori il limite di spazio tutte le immagini collegate spariscono dal blog... Almeno, mi è capitato di vedere casi simili su altri blog.
      Comunque col prossimo post farò un po' il punto della situazione su questa faccenda... È in bozza quasi completo: speravo tanto di pubblicarlo venerdì, invece non ho fatto in tempo :(

      Elimina
  27. Grazie Silvia! I tuoi consigli sono sempre preziosi!
    Un abbraccio

    RispondiElimina
  28. Ma quanto è vero! Anche io all'inizio mettevo foto piccole sul blog, poi ho iniziato a inserirle tutte grandi perché mi piacevano di più quando le vedevo in giro per il web. Ora che so che si chiamano hero images sono ancora più convinta! :-D Grazie per tutti i consigli!

    RispondiElimina
  29. Bellissimo post. Io penso che prima di tutto, nel design, non conti solo la moda del momento, ma il target. Quindi via ad immagini a tutto schermo nel caso di landing page, siti fotografici (magari con lo sfondo in greyscale, per non cozzare con le immagini dei post) siti promozionali, serie tv e compagnia.
    Ovviamente se hai tra le mani un sito multi-servizi potrebbe essere un problema.
    Cosa ne pensi?

    RispondiElimina
    Risposte
    1. Ciao Erika! Beh, sicuramente non è una scelta adatta a tutti i siti. Ad esempio, in questo momento sto lavorando a un sito di termoidraulica e non è lì certo il caso di utilizzare un espediente così tanto grafico :D
      Invece, appunto, spesso lo trovo di grande impatto per i siti di fotografia, di moda e di gioielli, dove il design è protagonista e prodotto in sè: una landing page così emozionale di sicuro ferma l'utente almeno una frazione di secondo in più!

      Elimina
  30. Grazie al tuo post ho provato a variare la dimensione delle immagini dei miei blog e... wow, adesso sono davvero più impattanti. I tuoi articoli sulla grafica sono sempre geniali! Mi spiace solo non averti commentato prima, ma non mi ero più connessa dal computer

    RispondiElimina
  31. Ciao Silvia,
    hai davvero ragione, un'immagine grande dà decisamente più emozioni ... c'è sempre da imparare!
    Grazie per questo tuo bellissimo post
    Nunù

    RispondiElimina
  32. Verissimo.
    Però se usi un layout con due sidebar non è che puoi fare i miracoli!

    RispondiElimina
    Risposte
    1. Io sinceramente non sono una grande estimatrice dei layout con 2 sidebar, ma in ogni caso, se cerchi di far assumere alle tue immagini la stessa larghezza del corpo del testo, l'effetto dovrebbe essere buono :)

      Elimina

Ti ringrazio per il tuo commento: mi stai dedicando due minuti del tuo tempo e lo apprezzo immensamente!
I commenti vengono modrerati, perciò non sono visibili appena inviati.
Mi riservo il diritto di cancellare messaggi:
• offensivi, diffamatori e/o volgari;
• a sfondo esplicitamente politico;
• pubblicitari;
• che richiedono 'follow 4 follow': seguimi se ti fa piacere, io farò altrettanto!

Related Posts Plugin for WordPress, Blogger...