Twitter JPEG-Komprimierung So erstellen Sie das beste Bild für Ihren Feed

Bei Bildern in Ihrem Feed scheint Twitter uns nicht so stark einzuschränken wie Facebook. Daher sollte es relativ einfach sein, ein Bild in anständiger Qualität in einem Feed zu veröffentlichen. Nun, es ist schwieriger als Sie vielleicht denken. Dieser Quick Tip zielt darauf ab, Ihre JPEGs auf die bestmögliche Weise anzuzeigen.

Twitter-Feed-Bilder

Twitter hat uns diese Richtlinien gegeben:

Die Richtlinien von Twitter

Wir konzentrieren uns auf JPEG In diesem Quick Tip sind also alle Beispiele in diesem Format. Es scheint, als hätten wir mit einem Limit von 5 MB schon viel mehr zu tun als mit Facebook. Aber ist das notwendigerweise der Fall? Eine 5-MB-Datei kann von Twitter bis zu einer 3-MB- oder 1-MB-Datei mit unterschiedlichen Verzerrungszuständen komprimiert werden. Also lass es uns herausfinden!

Unser Beispielbild

Ich habe drei Versionen meines obigen Beispiels in meinen Twitter-Feed hochgeladen. ein 3000px (4.2MB) -Datei, a 2000px (2.2MB) Datei und a 1000px (734 kb) -Datei. So kamen sie heraus:

Bilder nach Twitter Compression

Ich habe jedes Bild, das von Twitter automatisch auf 600px skaliert wurde, gespeichert (Sie können nur die Vorschau speichern, aber ich konnte die Vollbild-Version, die Sie oben sehen, auf einem Bildschirm festhalten) und habe festgestellt, dass die Dateigrößen sehr interessant waren. 

Das 3000px 4,2 MB Bild war herausgekommen 47,2 kb, das 2000px 2,2 MB beim 47,5 kb und das 1000px 734 kb beim 52,4 kb.  Das größere der Bilder war also auf die kleinste Größe heruntergegangen. Interessant, wenn Sie sich die Komprimierung für jeden ansehen. Das größte Bild weist einige Komprimierungsartefakte auf, hat jedoch auch im gesamten Bild viel an Schärfe verloren. Die kleinste ist jetzt die größte Dateigröße, jedoch ist die Komprimierung um die Umrisse der Personen sehr ausgeprägt. 

Wie bei Facebook scheint es, dass größere Bilder besser sind; aber nicht zu groß. Nach meiner eigenen Erfahrung irgendwo 1500-2000px ist ungefähr richtig und wenn Sie die Dateigröße mit Adobe Photoshop verringern können Für das Web speichern Option dann umso besser.

Header-Fotos

Dies ist mein Beispiel:

Beispielheader

Laden Sie ein hochauflösendes Bild hoch

Zuerst habe ich es mit sehr hoher Auflösung versucht, 5000px Breite und 8 MB - die maximale Anzahl von Twitter ist 10 MB.

Twitter-Header mit großer Auflösung

Das sah mir ziemlich gut aus. Es ist etwas abgeschnitten, aber da es sich um ein hochauflösendes Bild handelt, ist das in Ordnung. Man sieht hier sehr wenig sichtbare Kompression.

Ich war ziemlich selbstgefällig, bis ich auf Save traf:

Die Kompression nach dem Speichern war ziemlich schlecht

Die Komprimierung fand statt, nachdem das gut aussehende Bild gespeichert wurde. Sie sehen jetzt eine Kompression um die Kanten und einen allgemeinen Schärfeverlust

Was ist, wenn wir dasselbe hochladen, aber nachdem wir die Größe von Twitter auf 1500 x 500px geändert haben??

Laden Sie das empfohlene Bild von Twitter hoch

Die empfohlene Headergröße von Twitter

Es ist wie die andere geschnitten, aber die Kompression ist bei weitem nicht so schlimm. Hier sind die Vergleiche nebeneinander:

Vergleiche einer großen Größe und der von Twitter empfohlenen Größe bei 100%

Sie können den Definitionsverlust in beiden Fällen sehen, aber der Linke ist viel schlimmer, mit deutlichen Verzerrungen, besonders im Zusammenhang mit der Beschriftung auf dem Boot.

Was, wenn…

Der Leitfaden von Twitter hat eindeutig besser funktioniert als ein Bild in voller Größe, aber ich wunderte mich. Was wäre, wenn ich ihre Größe nahm, das gleiche Verhältnis beibehielt, aber die Größe verdoppelte. Ich habe ein erstellt 3000px von 1000px Bild und versuchte das:

Ich habe versucht, die Empfehlung von Twitter zu verdoppeln, 3000 x 1500 Pixel

Aha! Das sieht für mich viel besser aus; Es gibt immer noch Anzeichen von Kompression, aber Sie können aus der 100% -Vorschau in der Ecke sehen, die Beschriftung auf dem Boot ist viel klarer und die Kanten von Objekten haben weit weniger sichtbare Artefakte.

Zusammenfassung

Websites von Drittanbietern komprimieren unsere Bilder immer, wir müssen nur den bestmöglichen Weg finden, sie mit diesen Einschränkungen anzuzeigen. Ihre Richtlinien gibt es aus einem bestimmten Grund, aber das bedeutet nicht, dass ein Spiel nicht zu besseren Ergebnissen führt.

Die besten Ergebnisse für Feedbilder erzielen

• Laden Sie eine große (ish) Größe hoch, idealerweise zwischen 1500px-2000px
• Sparen Sie bei maximaler Qualität
• Reduzieren Sie die Dateigröße mit Save For Web

Die besten Ergebnisse für Titelbilder erzielen.

• 3000px von 1000px funktionierte gut für mich
• Es muss unter 10 MB liegen 
• Es wird zugeschnitten, aber die Ergebnisse werden weitaus besser sein, als die empfohlene Größe von 1500px um 500px zu ändern

Siehe auch

Facebook komprimiert auch Ihre Bilder. Gestern haben wir untersucht, wie Sie die besten Ergebnisse für Ihre Timeline erzielen.