L'abbiamo fatto tutti, caricando un'immagine che sembrava fantastica nel nostro software di editing solo per ritrarre inorridita la confusione compressa che ora si trova sulla nostra timeline di Facebook. In questo suggerimento rapido, ti aiuterò a ottenere il miglior risultato di qualità possibile quando carichi le tue foto.
Se vuoi una soluzione rapida, prova a ridimensionare e contrarre per Facebook, un'azione di Photoshop disponibile su Envato Market. Questo elemento può eliminare il mal di testa dal caricamento di foto su Facebook applicando automaticamente le impostazioni corrette per rendere le immagini nitide e professionali.
Ridimensiona e contrasta per FacebookOppure puoi prendere una scorciatoia e scaricare una delle immagini di copertina di Facebook progettate professionalmente e personalizzabili disponibili su Envato Elements.
Immagini di copertina di Facebook disponibili su Envato ElementsFacebook ci ha dato queste linee guida:
Quindi vediamo cosa funziona. Inizieremo con immagini regolari.
Facebook suggerisce di caricare su entrambi 720px, 960px o 2048 px largo per i migliori risultati. Questa è l'immagine che userò per il nostro confronto:
Esempio di foto da utilizzare su FacebookHo salvato l'immagine in ognuna delle larghezze menzionate e le ho caricate; quindi ho salvato le versioni compresse di Facebook sul mio computer.
La prima cosa da notare è la differenza nella dimensione del file. Se passo attraverso ognuno ci perderemo nei numeri, quindi per prendere la larghezza media; 960px, il file con cui ho iniziato era 523KB e quello che ho salvato da Facebook era 86.9kb quindi già sappiamo che ci sarà una compressione drastica.
Ecco tutte e tre le dimensioni al 100% dopo Facebook:
Un confronto tra le tre larghezze suggerite da utilizzare su FacebookPossiamo notare artefatti su tutte e tre le immagini, in particolare intorno alla parte superiore del ponte, quindi mi sono concentrato su quello a scopo dimostrativo. L'immagine più grande (in alto a sinistra) ha i segni meno ovvi di compressione e la maggior parte delle persone non la guarderebbe da vicino così sarebbe ancora meno evidente, a differenza del 720px che è tanto grande quanto lo sarà mai.
Ho provato le stesse dimensioni di file con PNG anziché JPEG e ho ottenuto risultati simili, quindi non ti annoierò con loro qui. Vale la pena notare che PNG crea una dimensione di file più grande, quindi Facebook vorrà semplicemente ridurlo (un po 'di più in seguito). L'unica volta che trovo questo fa davvero la differenza con le immagini della timeline se includono testo, ad esempio se stai caricando qualcosa con un logo, ad esempio.
Questa è la foto che userò per la mia copertina:
La mia foto di copertina di esempioSe ho provato a caricare questo a piena risoluzione (alcuni 7000px di larghezza), questo è ciò che accade:
Copertina di Facebook con foto a piena risoluzione utilizzataNon va bene affatto. Facebook consiglia di ridimensionare in primo luogo 851 x 315 quindi proviamo questo:
Copertina di Facebook con foto ridimensionata ma ancora oltre 100kbMeglio, ma ancora molta distorsione intorno al puffin in particolare. Questa immagine è ancora quasi 300KB comunque e Facebook consiglia 100kb quindi questa volta l'ho usato File > Salva per il web (Control-Shift-Alt-S) in Adobe Photoshop e regolato il Qualità ottieni l'immagine finale sotto 100kb:
Usa Salva per Web per ottenere l'immagine sotto 100kbCoprire a 851 x 135 e salvato a meno di 100kbCome puoi vedere, questo ha ancora il miglior risultato. A volte trovo con le foto di copertina che posso ottenere un risultato leggermente migliore usando a PNG piuttosto che a JPEG, ma come ho detto prima, è più difficile mantenere le dimensioni dei file inferiori a 100kb, quindi provate entrambe e vedete quali funzionano per voi.
Ecco alcuni punti da ricordare:
Le immagini non saranno mai completamente prive di compressione, a meno che Facebook non cambi il modo in cui fanno le cose, ma possiamo farle apparire molto meglio con un piccolo aggiustamento qua e là.