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 ci ha fornito queste linee guida:
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!
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 TwitterHo 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.
Questo è il mio esempio:
Esempio di intestazionePer 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 risoluzioneMi 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 bruttaLa 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?
È 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.
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 pxAha! 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.
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.
Facebook comprime anche le tue immagini. Ieri abbiamo esaminato come ottenere i migliori risultati per la tua cronologia.