Compressione JPEG su Twitter come creare l'immagine di qualità migliore per il tuo feed

Per le foto sul tuo feed, Twitter non sembra limitarci quasi quanto Facebook, quindi pubblicare foto di qualità decente in un feed dovrebbe essere relativamente facile, giusto? Bene, è più difficile di quanto tu possa pensare. Questo suggerimento punta a far visualizzare i tuoi file JPEG nel miglior modo possibile.

Twitter Feed Immagini

Twitter ci ha fornito queste linee guida:

Linee guida di Twitter

Ci stiamo concentrando su JPEG in questo suggerimento così tutti gli esempi sono in quel formato. Sembrerebbe che con un limite di 5 MB abbiamo già molto più da giocare rispetto a Facebook. Ma è necessariamente così? Un file da 5MB potrebbe essere compresso da Twitter allo stesso modo di un file da 3MB o 1MB con diversi stati di distorsione. Quindi scopriamolo!

La nostra immagine di esempio

Ho caricato tre versioni del mio esempio sopra nel mio feed Twitter; un 3000px (4,2 MB) di file, a 2000px (2,2 MB) di file e a 1000px (734kb) file. Ecco come sono usciti:

Immagini dopo la compressione di Twitter

Ho salvato ogni immagine che è stata auto-ridimensionata a 600px da Twitter (puoi solo salvare l'anteprima ma posso catturare la versione a schermo intero che vedi sopra) e ho notato che le dimensioni dei file erano molto interessanti. 

Il 3000px 4,2 MB l'immagine era venuta fuori 47.2kb, il 2000px 2.2MB a 47.5kb e il 1000px 734KB a 52.4kb.  Quindi la più grande delle immagini era effettivamente arrivata alla dimensione più piccola. Interessante quando guardi la compressione su ciascuno. L'immagine più grande ha alcuni artefatti da compressione, ma ha anche perso gran parte della sua nitidezza su tutta l'immagine. Il più piccolo è ora la dimensione del file più grande, ma la compressione è molto pronunciata attorno ai contorni delle persone. 

Come nel caso di Facebook, sembra che le immagini più grandi siano meglio; ma non troppo grande. Nella mia esperienza personale, da qualche parte 1500-2000px è giusto e se è possibile ridurre le dimensioni del file con Adobe Photoshop Salva per il web opzione quindi tanto meglio.

Foto di intestazione

Questo è il mio esempio:

Esempio di intestazione

Upload di un'immagine ad alta risoluzione

Per prima cosa ho provato questo ad altissima risoluzione, 5000px ampio e 8 MB: il massimo consentito da Twitter è di 10 MB.

Intestazione Twitter ad ampia risoluzione

Mi sembrava abbastanza buono. È ritagliata in un po 'ma poiché era un'immagine ad alta risoluzione, va bene. Puoi vedere che qui c'è pochissima compressione visibile.

Ero abbastanza compiaciuto, fino a quando non ho colpito Salva:

La compressione dopo il salvataggio è stata piuttosto brutta

La compressione è avvenuta dopo aver salvato l'immagine di bell'aspetto. Ora è possibile vedere la compressione attorno ai bordi e una perdita complessiva di nitidezza

Quindi, cosa succede se carichiamo la stessa cosa ma dopo il ridimensionamento su 1500 consigliato da Twitter x 500px?

Caricamento dell'immagine di dimensioni consigliate di Twitter

Le dimensioni dell'intestazione consigliate da Twitter

È croppato come l'altro, ma la compressione non è neanche lontanamente così male. Ecco i confronti fianco a fianco:

Confronto di grandi dimensioni e dimensioni consigliate di Twitter al 100%

Puoi vedere la perdita di definizione in entrambi, ma quella a sinistra è molto peggio, con una distorsione abbastanza visibile, specialmente attorno alla scritta sulla barca.

Cosa succede se…

La guida di Twitter ha chiaramente funzionato meglio di un'immagine a dimensione intera, ma mi sono chiesto; cosa succede se ho preso le loro dimensioni, mantenuto lo stesso rapporto ma raddoppiato le dimensioni. Ho creato un 3000 px per 1000 px immagine e ho provato che:

Ho provato a raddoppiare il consiglio di Twitter, 3000 x 1500 px

Aha! Questo mi sembra molto meglio; ci sono ancora segni di compressione ma puoi vedere dall'anteprima del 100% nell'angolo, la scritta sulla barca è molto più chiara ei bordi degli oggetti hanno artefatti molto meno visibili.

Sommario

I siti Web di terze parti comprimono sempre le nostre immagini, dobbiamo solo trovare il modo migliore di visualizzarle con queste restrizioni. Le loro linee guida sono lì per una ragione, ma questo non vuol dire che avere un gioco non ti porterà risultati migliori.

Ottenere i migliori risultati per le immagini dei feed

  • Carica una dimensione grande (ish), idealmente tra 1500px-2000px
  • Risparmia alla massima qualità possibile
  • Ridurre le dimensioni del file con Salva per Web

Ottenere i migliori risultati per le immagini di copertina.

  • 3000px per 1000px ha funzionato bene per me
  • Deve essere inferiore a 10 MB 
  • Sarà ritagliata ma i risultati saranno di gran lunga migliori rispetto al ridimensionamento a 1500px consigliato di 500px

Guarda anche

Facebook comprime anche le tue immagini. Ieri abbiamo esaminato come ottenere i migliori risultati per la tua cronologia.