JPG vs PNG vs WebP vs AVIF: Aling Image Format ang Dapat Mong Gamitin?

Ang bawat image format ay isang magkaibang trade-off sa pagitan ng laki ng file, kalidad, compatibility, at mga tampok tulad ng transparency. Pumili nang tama at ang iyong mga file ay maliliit at bubukas kahit saan; pumili nang mali at makakakuha ka ng 30 MB na scan o mga logo na may ngipin-ngipin na puting gilid. Narito kung para saan talaga ang bawat format.

Privacy muna: bawat larawan ay pinoproseso nang lokal sa iyong browser. Walang ina-upload, iniimbak, o ipinapadala sa anumang server.

JPG — ang unibersal na format para sa larawan

Ang JPG (1992) ay kino-compress ang mga litrato sa pamamagitan ng pagtatapon ng detalyeng halos hindi napapansin ng mata, na nako-kontrol sa pamamagitan ng isang quality setting. Sa quality 75–85 ang mga file ay maliliit at mukhang mahusay; binubuksan ito ng bawat device at programa sa mundo. Ang mga limitasyon nito: walang transparency, at ang bawat muling pag-save ay nawawalan ng kaunti pang detalye. Gamitin ito para sa mga larawang kailangang gumana talaga kahit saan.

PNG — lossless, may transparency

Ang PNG ay iniimbak ang mga pixel nang eksakto at sumusuporta ng buong alpha transparency, na ginagawa itong pamantayan para sa mga logo, screenshot, UI graphic, at anumang larawang paulit-ulit na ie-edit. Ang halaga ay laki: ang mga litratong iniimbak bilang PNG ay lumolobo nang maraming beses kaysa sa laki ng JPG nila, dahil ang photographic noise ay hindi nagko-compress nang lossless. Gamitin ang PNG para sa graphics at mga working copy, hindi para sa paghahatid ng mga litrato.

WebP — ang modernong default para sa web

Kaya ng WebP ang parehong trabaho: lossy compression na mga 25–35% na mas maliit kaysa sa JPG na katumbas ng kalidad, at lossless-na-may-transparency na mas maliit nang husto kaysa sa PNG. Sinusuportahan ito ng bawat browser mula pa noong 2020. Ang tanging kahinaan nito ay sa labas ng web — ang mas lumang desktop software, mga printer, at ilang upload form ay tumatanggi pa rin dito. Gamitin ang WebP para sa anumang ipinapakita sa isang website.

AVIF — pinakamaliliit na file, pinakabagong format

Ang AVIF, na nakabatay sa AV1 video codec, ay gumagawa ng pinakamaliliit na file sa anumang mainstream na format — kadalasang kalahati ng laki ng JPG sa parehong kalidad — at sumusuporta ng transparency at HDR. Unibersal na ngayon ang suporta ng browser, ngunit nahuhuli ang tooling at ang mga non-web na software. Gamitin ito kung saan pinakamahalaga ang mga byte at kinokontrol mo ang paghahatid, na may fallback para sa mas lumang mga environment.

GIF, SVG, at HEIC — ang mga espesyalista

Ang GIF ay nabubuhay lamang para sa mga simpleng animation; para sa mga still na larawan ay laos na ito (256 kulay, malalaking file). Ang SVG ay hindi pixel kundi vector geometry — perpekto para sa mga icon at logo na dapat mag-scale, walang saysay para sa mga litrato. Ang HEIC ay ang mahusay na camera format ng Apple: mainam sa device, magulo sa iba, at kadalasang kino-convert sa JPG sa sandaling umalis ang file sa ecosystem ng Apple.

Ang desisyon, sa madaling salita

Litrato para sa pangkalahatang pagbabahagi → JPG. Anumang nasa website → WebP (o AVIF kung kaya mong mag-manage ng mga fallback). Logo, screenshot, o transparency → PNG (WebP kung web-only). Kailangang mag-scale sa anumang laki → SVG. Mula sa iPhone at papuntang iba → i-convert ang HEIC sa JPG. Kapag nag-aalinlangan, ang JPG para sa mga litrato at PNG para sa graphics ay hindi kailanman naging isang sakuna.