Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Twitter JPEG tömörítés: Hogyan készítsd a legjobb minőségű képet a feeded számára

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Image Compression for Photographers.
Facebook JPEG Compression: How to Get the Best Image Quality on Your Timeline

Hungarian (Magyar) translation by Viktor Istvan Csaszar (you can also view the original English article)

A feededben megjelenő képek esetében a Twitter nem olyan szigorú, mint a Facebook, így egy jobb minőségű képet posztolni a feedre egészen könnyű, nem igaz? Nos, ez bonyolultabb, mint gondolnád! Ez a gyors tippeket tartalmazó cikk segít megjeleníteni a JPG-idet a lehető legjobb módon.

Twitter feed képek

A Twitter a következő útmutatót adta a számunkra:

twitter guidelines
Twitter útmutató

Ebben az útmutatóban a JPEG-re koncentrálunk, így az összes példa ilyen formátumú. Úgy tünhet, hogy az 5MB-os limittel máris nagyobb a játékterünk, mint a Facebookon. De szükséges ez ebben az esetben? Az 5MB-os fájl összetömöríthető a Twitter átal akár 3MB-os, akár 1MB-os fájllá, csupán a tömörítési mód változtatásával. Nézzük meg tehát ezt!

example picture
A példa képünk

Feltöltöttem három verziót a fenti példából a Twitter feedembe, egy 3000px-es (4,2MB) fájlt, egy 2000px-es (2,2MB) fájlt és egy 1000px-es (734 kb) fájlt. Itt látható, hogy néznek ki:

pictures after twitter compression
Képek a Twitter tömörítés után

Elmentettem mindegyik képet, melyek auto átméretezésre kerültek 600px-re a Twitter által (csak az előnézetet látod, de le tudtam menteni a teljes nézetes verziót, melyet fentebb láthatsz), s észrevettem, hogy a fájlméretek nagyon érdekesek.

A 3000px-es 4,2MB-os kép 47,2kb lett, a 2000px-es 2,2MB-os 47,5kb és az 1000px-es 734kb-os 52,4kb. Tehát a nagyobb méretű képek lettek a legkisebb méretűek. Érdekes, amikor megnézed az egyes képek tömörítését. A nagyobb képen látható néhány tömörítési jelenség, s közben az egész képen veszített az élességéből. A kisebb rendelkezik most a legnagyobb fájlmérettel, de a tömörítés nagyon hangsúlyos az emberek körvonalain.

Ahogy a Facebook esetében is, úgy tűnik, hogy a nagyobb képek jobbak, de nem a túl nagyok. A saját tapasztalatom alapján valahol 1500-2000px nagyjából a tökéletes, s ha le tudod csökkenteni a fájlméretet az Adobe Photoshop segítségével, a Mentés Webre opció a legjobb.

Fejléc képek

Ez az én példám:

test header
Példa fejléc

Egy nagy felbontású kép feltöltése

Először egy nagyon nagy felbontáson próbáltam, 5000px-es szélességgel és 8MB-tal, a Twitter által engedélyezett legnagyobb 10MB.

large resolution twitter header
Nagy felbontású Twitter fejléc

Egészen jól nézett ki. Egy kicsit meg lett vágva, de mivel egy nagy felbontású kép volt, ez rendben volt. Láthatsz rajta egy nagyon kis méretű tömörítést.

Tisztának tűnt, míg megnyomtam a mentést:

after saving
A mentés után a tömörítés nagyon rossz lett

A tömörítés a jól kinéző kép mentése után történt meg. Láthatod a tömörítést az élek mentén, s az élesség általános romlásán.

Szóval, mi történik, ha feltöltjük ugyanazt a dolgot, de csak miután átméreteztük a Twitter által ajánlott 1500 x 500px-es méretre?

A Twitter által ajánlott méretű kép feltöltése

Recommended size for twitter header
A Twitter által ajánlott fejléc méret

Ez is megvágásra került, mint a másik, de a tömörítés közel sem olyan rossz. Itt látható az összehasonlítás egymás mellett:

comparisons at 100
A nagy méret és a Twitter által ajánlott méret tömörítésének összehasonlítása 100%-on

Láthatod a minőség vesztését mindkét esetben, de a bal oldali sokkal rosszabb, sokkal jobban látható romlással, különösen a hajó árnyékánál.

Mi van, ha...

A Twitter ajánlása egyértelműen jobban működött, mint a nagy méretű kép, de kíváncsi lettem: mi történik, ha veszem a méretet, s ugyanazon arány mellett megduplázom a méretet? Létrehoztam egy 3000px-szer 1000px-es képet, és kipróbáltam:

Twitter header ratio doubled
Kipróbáltam a Twitter által ajánlott méret dupláját, 3000 x 1500px

Aha! Ez már sokkal jobban néz ki! Még mindig látható a tömörítés a 100%-os előnézet sarkán, a hajó árnyéka sokkal tisztább és az objektumok élein sokkal kevésbé látható a módosítás.

Összegzés

A használt weboldalak mindig betömörítik a képeinket, számunka az a feladat, hogy a lehető legjobban jelenítsük meg a képeinket a korlátozásokat figyelembe véve. A korlátozásoknak oka van, de nem tilos játszani egy kicsit az eredeménnyel a jobb meglenítés érdekében.

A legjobb eredemények elérése a feed képekhez

  • Tölts fel egy nagy(obb) képet, ideálisan valahol 1500px-2000px között
  • Mentsd el a lehető legjobb minőségben
  • Csökkentsd a fájlméretet a Mentés Webre segítségével

A legjobb eredmények elérése a fejléc képekhez

  • A 3000px-szor 1000px működött nekem a legjobban
  • 10MB alatt kell lennie
  • Meg lesz vágva a kép, de az eredmény sokkal jobb lesz, mint ha átméreteznéd az ajánlott 1500px-szor 500px-es méretre

Ezt is nézd meg

A Facebook is tömöríti a képeid. Legutóbb megnéztük, hogyan érd el a legjobb eredményeket az idővonaladon.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.