Ipinaliwanag ang mga image format: JPG, PNG, WebP, AVIF, GIF, BMP at ICO

Isinulat ni Jenna, Web design, Ikonik Digital · Huling na-update 2026-10-03

Bawat image format ay may kapalit: laki ng file, kalidad, transparency, animation at compatibility. Kapag mali ang napili mo, ang makukuha mo ay alinman sa sobrang laking file o malabong logo. Ipinapaliwanag ng gabay na ito kung saan magaling ang bawat format, kasama ang mga numerong kailangan mo para makapagpasya.

Ang dalawang uri ng compression

Ang lossless na compression ay iniingatan nang eksakto ang bawat pixel at naghahanap lang ng mas episyenteng paraan para isulat ang parehong data, tulad ng ginagawa ng ZIP. Buksan at i-save ang isang lossless na larawan nang isang libong beses at hindi ito magbabago. Ganito gumagana ang PNG, BMP, GIF at lossless WebP.

Ang lossy na compression ay nagtatapon ng impormasyon, at tinatarget nito ang mga detalyeng hindi gaanong napapansin ng mata ng tao: pinong texture, maliliit na pagkakaiba ng kulay, high-frequency na noise. Puwedeng ikasampung bahagi lang ng lossless na file ang resulta nang walang nakikitang pagkakaiba, pero bawat muling pag-save ay nagbabawas pa nang kaunti. Ganito gumagana ang JPG, lossy WebP at AVIF.

Diretso ang unang patakaran: gumamit ng lossy na format para sa mga litrato, na puno ng noise at texture na walang makakapansin kapag nawala, at lossless na format para sa mga graphic na may matatalas na gilid, patag na kulay at teksto, kung saan mahalaga ang bawat pixel.

Isa-isang format

JPG (JPEG)

Ang format para sa mga litrato mula pa noong 1992. Lossy, 8-bit na kulay, walang transparency, walang animation. Sinusuportahan ng lahat ng device at software na nagawa kailanman. Ang quality setting mula 0 hanggang 100 ang kumokontrol sa balanse; 80 hanggang 85 ang pinakamainam para sa pang-araw-araw. Ang mga kahinaan nito ay ang nakikitang "blocking" kapag mababa ang kalidad, ang ringing sa paligid ng matatalas na gilid, at ang kawalan ng transparency. Gamitin ito para sa mga litratong mapupunta kahit saan sa labas ng browser: email, print, mga online marketplace, lumang software.

PNG

Lossless, hanggang 16-bit na kulay, buong alpha transparency, walang animation (may APNG pero bihira). Ito ang tamang piliin para sa mga logo, icon, screenshot, diagram, chart at anumang larawang kailangan ng transparent na background. Ang kahinaan nito ay ang laki: ang isang litrato bilang PNG ay puwedeng sampung beses na mas malaki kaysa sa JPG. Huwag kailanman gumamit ng PNG para sa mga litrato sa isang website.

WebP

Ang web format ng Google, na suportado na ngayon ng bawat kasalukuyang browser. May lossy at lossless na mode, may transparency sa pareho, at may animation. Ang lossy WebP ay mga 25 hanggang 35% na mas maliit kaysa sa JPG sa parehong kalidad; ang lossless WebP ay mga 25% na mas maliit kaysa sa PNG. Ito ang pinakamahusay na pangkalahatang format para sa anumang ipinapakita sa browser. Ang kahinaan nito ay ang compatibility sa labas ng browser: tinatanggihan pa rin ito ng lumang desktop software, ilang email client at maraming upload form.

AVIF

Mas bago pa, batay sa AV1 video codec. Karaniwang 50% na mas maliit kaysa sa JPG at 20% na mas maliit kaysa sa WebP sa parehong kalidad, may transparency, animation at suporta sa wide colour. Suportado ng lahat ng kasalukuyang browser mula pa noong 2024. Mabagal ang encoding, lalo na sa browser, at hindi pa pantay ang suporta sa software na hindi browser. Gamitin ito kapag kritikal ang laki ng file at ikaw ang may kontrol sa kung saan ito ipapakita; maglagay ng WebP o JPG bilang fallback.

GIF

Mula pa noong 1987. Limitado sa 256 na kulay bawat frame, transparency na iisang kulay lang, at animation, na siyang tanging dahilan kung bakit nasa lahat ng dako pa rin ito. Napakasama para sa mga litrato, ayos lang para sa simpleng graphic, walang katalo pagdating sa compatibility. Para sa mga still image, ginagawa ng PNG ang lahat ng kaya ng GIF pero mas maganda; para sa animation, mas maliit nang husto ang MP4 o animated WebP.

BMP

Hindi naka-compress na Windows bitmap. Napakalaking file, walang transparency sa karaniwang gamit, walang compression. Buhay pa ito dahil lang napakadaling basahin, na mahalaga sa mga embedded device at lumang software. Huwag kailanman itong gamitin para sa web o para sa pag-iimbak.

ICO

Ang format ng Windows icon at ng favicon sa browser. Naglalaman ito ng ilang laki ng parehong larawan sa iisang file para mapili ang tamang laki para sa tab, bookmark o desktop shortcut. Ginagawa ito mula sa isang PNG gamit ang PNG to ICO tool.

Talahanayan ng paghahambing

Aling format para sa aling trabaho

• Mga litrato sa website: WebP sa quality na 75 hanggang 85, may JPG na fallback kung kailangan mong suportahan ang napakalumang browser. AVIF kung gusto mo ng pinakamaliit na page na posible.
• Mga logo at icon sa website: SVG kung mayroon ka; kung wala, PNG o lossless WebP.
• Mga screenshot: PNG. Pinalalabo ng lossy na compression ang teksto.
• Mga attachment sa email: JPG para sa mga litrato, PNG para sa mga graphic. Huwag magpadala ng WebP; napakaraming email client ang hindi ito naipapakita nang maayos.
• Print: JPG sa quality na 95 o PNG/TIFF, sa 300 pixel bawat pulgada ng laki ng ipi-print.
• Social media: JPG o PNG; nire-recompress naman ng bawat platform ang mga upload, kaya mag-upload sa mataas na kalidad at sa tamang dimensyon.
• Mga transparent na product cut-out: PNG para sa pinakamalawak na compatibility, WebP para sa web.
• Mga favicon: ICO kasama ang isang PNG para sa home screen ng mobile.

Pag-convert sa pagitan nila

Bawat conversion sa site na ito ay tumatakbo sa loob ng browser mo. Ang pinakakaraniwang ruta ay PNG sa WebP at JPG sa WebP para sa web, WebP sa JPG at WebP sa PNG para sa compatibility, at PNG sa JPG para paliitin ang mga litratong na-export sa maling format. Kaya ng image compressor ang alinman sa mga ito, nang maramihan pa.