Share
För bilder på ditt flöde verkar Twitter inte begränsa oss nästan lika mycket som Facebook gör, så att lägga in en anständig kvalitetsbild till ett flöde bör vara relativt enkelt, eller hur? Tja, det är knepigare än du kanske tror. Den här snabba tipsen syftar till att få dina JPEG-filer så bra som möjligt.
Twitter har gett oss dessa riktlinjer:
Twitters riktlinjerVi fokuserar på JPEG i denna snabba tips så är alla exempel i det formatet. Det verkar som om vi med en 5MB-gräns redan har mycket mer att leka med än Facebook. Men är det nödvändigtvis fallet? En 5MB-fil kan komprimeras av Twitter ner till samma som en 3MB eller en 1MB-fil med olika tillstånd av distorsion. Så låt oss ta reda på det!
Vårt exempel bildJag laddade upp tre versioner av mitt exempel ovan till mitt Twitter-flöde; en 3000px (4.2MB) fil, a 2000px (2.2 MB) fil och a 1000px (734kb) fil. Så här kom de ut:
Bilder efter Twitter-komprimeringJag sparade varje bild som automatiskt har ändrats till 600px av Twitter (du kan bara spara förhandsgranskningen men jag kunde skärmmappa den fullständiga versionen som du ser ovan) och märkte att filstorlekarna var mycket intressanta.
De 3000px 4.2MB bilden hade kommit ut på 47.2kb, de 2000px 2,2 MB på 47.5kb och den 1000px 734kb på 52.4kb. Så den större av bilderna hade faktiskt gått ner till den minsta storleken. Intressant när man tittar på komprimeringen på var och en. Den största bilden har några komprimeringsartiklar, men det har också förlorat mycket skärpa över hela bilden. Den minsta är nu den största filstorleken, men komprimeringen är mycket uttalad runt folkets konturer.
Som i fallet med Facebook verkar det som att större bilder är rättvisa bättre. men inte för stor. I min egen erfarenhet, någonstans runt 1500-2000px handlar om rätt och om du kan sänka filstorleken med Adobe Photoshop Spara för webben alternativ då desto bättre.
Detta är mitt exempel:
ExempelhuvudFörst försökte jag detta med mycket hög upplösning, 5000px bred och 8 MB - max kvitton tillåter är 10 MB.
Stor upplösning Twitter-rubrikDet såg ganska bra ut för mig. Den är beskuren i lite men som det var en högbilds bild, det är okej. Du kan se att det finns mycket lite synlig komprimering här.
Jag var ganska lugn, tills jag slog spara:
Komprimeringen efter besparing var ganska dåligKomprimeringen hände efter att du har sparat den snygga bilden. Du kan nu se komprimering runt kanterna och en övergripande förlust av skärpa
Så vad händer om vi laddar upp samma sak, men efter att du har ändrat storlek på Twitter rekommenderas 1500 x 500px?
Twitter: s rekommenderade rubrikstorlekDen är beskuren som den andra gjorde men komprimeringen är inte så nära så illa. Här är jämförelserna sida vid sida:
Jämförelser av en stor storlek och Twitter rekommenderade storlek på 100%Du kan se förlusten av definitionen i båda men den till vänster är mycket sämre, med ganska synlig snedvridning, speciellt runt skrivandet på båten.
Twitters guide fungerade tydligt bättre än en fullstor bild men jag undrade; vad händer om jag tog sin storlek, behöll samma förhållande men fördubblades storleken. Jag skapade en 3000px vid 1000px bild och försökte det:
Jag försökte fördubbla Twitter rekommendation, 3000 x 1500pxA ha! Detta ser mycket bättre ut för mig; det finns fortfarande tecken på kompression men du kan se från 100% förhandsgranskning i hörnet, skrivningen på båten är mycket tydligare och kantarna på objekt har mycket mindre synliga föremål.
Tredje parts webbplatser kommer alltid att komprimera våra bilder, vi måste bara hitta det bästa sättet att visa dem med dessa begränsningar. Deras riktlinjer finns där av en anledning men det är inte att säga att ha en lek runt kommer inte att få dig bättre resultat.
Facebook komprimerar också dina bilder. Igår tittade vi på hur du får de bästa resultaten för din tidslinje.
Accentsconagua