Ano ang pinakamahusay na format ng larawan para sa website?

Maling tanong ang "pinakamahusay na format" hangga't hindi mo alam kung ano ang larawan. May ilang magkakaibang uri ng larawan ang isang website, at may malinaw na pinakamahusay na pagpipilian para sa bawat isa:

• Mga litrato (mga produkto, tao, lugar): isang lossy na format. Pinakamaliit ang AVIF, ang WebP ang ligtas na modernong default, at ang JPG ang fallback na naipapakita ng bawat browser.
• Mga logo, icon, at ilustrasyon: SVG. Vector artwork ito, kaya nananatili itong malinaw sa anumang laki at screen, at karaniwang napakaliit ng file. Gumamit lamang ng pixel format bilang fallback kapag hindi tinatanggap ng isang platform ang SVG.
• Mga screenshot, UI graphic, at anumang may transparency: PNG, o lossless WebP. Ang patag na kulay at matatalim na gilid mismo ang mahusay na napapaliit ng mga lossless na format.
• Maiikling animation: animated WebP o AVIF sa halip na GIF, na limitado sa maliit na palette at lumilikha ng mas malalaking file.
• Ang favicon: isang ICO file, na pinakamainam kung may kasama ring bersyong SVG o PNG; tingnan ang kung paano gumawa ng favicon mula sa larawan.

Ang karaniwang pagkakamali ay ang pag-save ng litrato bilang PNG. Iniimbak ng PNG ang bawat pixel nang lossless, na perpekto para sa logo ngunit napakasama para sa litrato: lumalaki nang ilang ulit ang file kumpara sa JPG nang walang nakikitang pakinabang.

Para sa mga litrato, nakasalalay ang pagpili sa kung gaano ka makaaasa sa mas bagong mga browser:

• AVIF ang pinakamahusay mag-compress: sa karaniwang kalidad para sa web, humigit-kumulang 50% itong mas maliit kaysa JPEG at 20–30% na mas maliit kaysa WebP, at may HDR at wide-gamut color kung kailangan mo ang mga ito. Naipapakita ito ng Chrome, Firefox, at Safari (Safari mula noong bersyon 16.4, noong 2023). Ang kapalit nito ay mabagal na encoding, lalo na sa malalaking larawan, at limitadong suporta sa desktop software at mas lumang mga device.
• WebP ang praktikal na default: 25–35% na mas maliit kaysa JPEG sa parehong nakikitang kalidad, may transparency, at sinusuportahan ng bawat pangunahing browser mula noong 2020. Hindi pa rin ito mabuksan ng ilang desktop app at mas lumang tool, na mahalaga para sa file na ibibigay mo sa isang designer ngunit hindi para sa ihahatid mo sa mga bisita.
• JPG ang pangkalahatang fallback. Ito ang hindi gaanong episyente sa tatlo, ngunit ang JPG na naka-save sa humigit-kumulang na kalidad na 75–82 ay karaniwang hindi maipagkaiba sa orihinal sa screen, at naipapakita ito ng lahat sa web.

Ang pinakamahusay na setup ay naghahatid ng AVIF sa mga browser na nakauunawa rito, WebP sa iba, at nagpapanatili ng JPG para sa anumang mas luma. Kung mas gusto mong pumili ng isa, halos lahat ay sakop ng WebP na may JPG fallback. Makikita ang mga direktang paghahambing sa WebP laban sa AVIF at WebP laban sa JPG; para sa mga graphic sa halip na litrato, tingnan ang PNG laban sa JPG.

Kapag alam mo na ang target, mabilis ang conversion at hindi kailanman umaalis sa iyong machine ang file. Ganap na gumagana sa iyong browser ang converter ng larawan ng EditItAll:

1. Buksan ang converter at ilagay ang iyong mga larawan; maaaring isang file o mga laman ng buong folder. Sabay-sabay na pinoproseso ang mga batch.
2. Piliin ang output format: WebP o AVIF para sa mga litrato, at PNG para sa mga graphic na nangangailangan ng transparency. May mga direktang opsyon para sa karaniwang gawain: JPG patungong WebP, PNG patungong WebP, JPG patungong AVIF, at PNG patungong AVIF.
3. Itakda ang kalidad. Walang field para sa target na laki: resulta ang laki. Ipinapakita ng bawat file ang laki nito bago at pagkatapos, kaya bahagyang igalaw ang slider hanggang sa magmukhang tama ang numero at larawan.
4. I-download nang paisa-isa ang mga resulta o bilang iisang ZIP.

Walang ina-upload; maaari kang magdiskonekta sa internet matapos mag-load ang page at magpatuloy sa pag-convert; inaalis din ang EXIF at GPS metadata sa bawat na-export na larawan, kaya hindi ibinubunyag ng litrato ng produkto kung saan ito kinunan. Libre ito, walang account at watermark. Nasa tamang format na ba ang file at kailangan lamang itong paliitin? Dumiretso sa compressor ng larawan. At kung iginigiit ng isang platform ang pixel na bersyon ng vector logo, ire-render ito ng SVG patungong PNG sa anumang laki na pipiliin mo.

Mahalaga ang pagpili ng format, ngunit mas maraming byte ang natitipid ng tatlong gawaing ito kaysa sa anumang maidudulot ng paglipat mula JPG patungong AVIF:

• I-resize ayon sa aktuwal na laki ng pagkakakita. Maraming ulit na mas malapad ang litrato mula sa camera kaysa sa espasyong pinupunan nito sa page, at dina-download at itinatapon ang bawat sobrang pixel. May opsyonal na limitasyon sa maximum na dimensiyon ang mga tool ng larawan ng EditItAll para rito mismo.
• Mag-compress nang isang beses mula sa orihinal. Bawat lossy na pag-save ay nag-aalis ng kaunti pang detalye. Panatilihin ang orihinal, i-export mula rito ang kopya para sa web, at huwag muling i-save nang sunod-sunod ang JPG bilang WebP at pagkatapos bilang AVIF.
• Ihatid ang mga modernong format na may fallback. Ialok muna ang AVIF o WebP at hayaang bumalik ang mas lumang mga browser sa JPG o PNG, upang walang bisitang makakita ng sirang larawan.

Kung sinasabi ng speed report na "mahusay na i-encode ang mga larawan" o "ihain ang mga larawan sa mga next-gen na format", ito mismo ang ibig sabihin ng desisyong ito: ipinapaliwanag ng pag-aayos sa babala tungkol sa mahusay na pag-encode ng mga larawan ang proseso, at detalyadong tinatalakay ng pag-compress ng JPEG para sa web ang quality slider. Makikita ang iba pang gabay sa format sa pangkat ng pag-convert ng mga larawan.