Ang mga PNG ay may masamang reputasyon sa pagiging napakalaki, at karapat-dapat ito — ang isang icon ay kahit paano mas mabigat pa kaysa buong litrato. Ang magandang balita ay karamihan ng pagkalobong iyon ay sayang, at kaya mo itong tanggalin habang pinananatili ang malilinaw na gilid at ang transparent na background na dahilan mo sa PNG sa una pa lang.

Bakit napakalaki ng mga PNG

Paano Mag-compress ng PNG na May Transparency (at Panatilihin Ito) — visual 1
Bakit napakalaki ng mga PNG

Ang PNG ay isang lossless na format. Hindi tulad ng JPEG, wala itong itinatapon — iniimbak nito ang bawat pixel nang eksakto. Perpekto iyon para sa malilinaw na logo, icon, at UI screenshot, pero ibig sabihin niyon ay kailangan ng file na ilarawan ang maraming data nang tapat.

Ang tunay na sumasakit ay ang color depth. Ang standard na PNG ay maaaring mag-imbak ng hanggang 16 milyong kulay (24-bit), kasama ang buong transparency channel. Pero ang iyong logo ay malamang gumagamit ng isang dosenang kulay. Ang iyong icon set, marahil limampu. Lahat ng hindi nagamit na kapasidad ng kulay ay gumagastos pa rin ng byte para manatiling available. Nagbabayad ka para sa 16-milyong-kulay na canvas para magpinta ng larawang nangangailangan ng dalawampu.

May pangalawang bitag: sina-save ng mga tao ang litrato bilang PNG. Ang litrato ay talagang gumagamit ng milyun-milyong kulay at banayad na gradient, kaya hindi ito maayos na ma-compress ng PNG — ang file ay nauuwing lima hanggang sampung beses na mas malaki kaysa sa parehong litrato bilang JPEG o WebP. Kung ang iyong "problema sa PNG" ay talagang litrato, ang solusyon ay i-convert ito, hindi i-compress.

Quantization: ang solusyong pinananatili ang transparency

Paano Mag-compress ng PNG na May Transparency (at Panatilihin Ito) — visual 2
Quantization: ang solusyong pinananatili ang transparency

Para sa tunay na mga PNG — patag na kulay, matalim na gilid, transparency — ang panalong galaw ay ang color quantization. Sa halip na mag-imbak ng milyun-milyong posibleng kulay, ang imahe ay binabawasan sa maingat na piniling 256-color palette. Dahil hindi naman gumamit ang iyong imahe ng higit sa bahagi niyon, ang resulta ay mukhang magkapareho habang bumababa ang file nang 60–80%.

Ang bahaging inaalala ng mga tao: sinisira ba nito ang transparent na background? Hindi. Binabawasan ng quantization ang color palette, pero ang transparency (alpha) channel ay napapanatili. Ang iyong logo ay nahuhulog pa rin nang malinis sa kahit anong background — walang puting kahon, walang kulay-abong palawit. Ito ang parehong teknikang ginagamit ng kilalang "tinify"-style na PNG optimizer, at kaya nila mapaliit nang dramatiko ang mga transparent na PNG.

Ang Image Compressor ng IMG.DIY ay awtomatikong nag-aaplay ng 256-color quantization sa mga PNG. Hindi ka pumipili ng quality number — walang quality slider para sa lossless na format — basta mo lang i-drop ang file at makakakuha ng mas maliit na PNG na buo ang transparency.

Mabilisang checklist para sa transparent na PNG

  1. Kumpirmahin na talagang graphic ito, hindi litrato. Logo, icon, ilustrasyon, at UI shot → i-compress bilang PNG. Litrato → i-convert sa WebP (na sumusuporta rin ng transparency) o JPEG (na hindi).
  2. Bawasan ang sobrang laking sukat. Ang 2000px na icon na ipinapakita sa 200px ay 100× ang pixels na kailangan nito. I-cap muna ang lapad — may opsyonal na width cap ang compressor.
  3. Mag-quantize. Hayaang gawin ng 256-color na pagbabawas ang mabigat na trabaho. Nakakaligtas ang transparency.
  4. I-verify ang mga gilid. Buksan sa 100% at tsekan ang alpha edges laban sa abalang background para kumpirmahing malinis ang mga ito.

I-batch ito, panatilihing pribado

Kung may buong icon set ka o folder ng na-export na graphics, hindi mo kailangang gawing isa-isa. Ang compressor ay humahawak ng batch at nagbabalik ng ZIP, at hindi ito kailanman naglalabas ng file na mas malaki kaysa orihinal — kaya ang folder ng na-tight na PNG ay hindi aksidenteng lalaki.

Lahat ay tumatakbo nang buo sa iyong browser gamit ang Canvas at WebAssembly. Ang iyong mga PNG ay hindi kailanman ina-upload kahit saan, at pagkatapos ng iyong unang pagbisita, naka-cache ang tool at gumagana offline. I-compress ang brand asset ng kliyente sa tren nang walang signal at walang umaalis sa iyong laptop.

Ang aral: malaki ang mga PNG dahil iniipon nila ang kapasidad ng kulay na hindi mo ginagamit. Mag-quantize sa 256 na kulay, panatilihin ang transparency, at panoorin ang file na lumiit nang walang nakikitang pagbabago.