Attēlu formāti: WebP, PNG, JPG un SVG salīdzinājums
Nepareiza attēla formāta izvēle var palēnināt lapas ielādes laiku vai padarīt grafiku izplūdušu. Lūk, kā mūsdienu tīmekļa formāti salīdzinājumā pēc kompresijas, caurspīdīguma un asuma.
Jūsu faili tiek apstrādāti pilnībā jūsu tīmekļa pārlūkprogrammā, izmantojot HTML5 Canvas un WebAssembly. Neviens datums nekad neatstāj jūsu ierīci.
Izlaidiet augšupielādes un lejupielādes rindas. Konvertēšana notiek lokāli ar pilnu mašīnas aparatūras ātrumu bez servera ierobežojumiem.
Atbilst oficiālajām ISO, W3C un IETF specifikācijām, lai garantētu rezultātu savietojamību dažādās mūsdienu operētājsistēmās.
Formātu salīdzinājums un tehniskās specifikācijas
| Izvades formāts | MIME tips | Specifikācija | Tips |
|---|---|---|---|
| PNG attēls | image/png | W3C-PNG | Pārnēsājams tīkla grafikas formāts |
| JPG JPEG attēls | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group attēlu formāts |
| WebP attēls | image/webp | RFC-6386-VP8 | Google WebP mūsdienīgs attēlu formāts |
| SVG vektors | image/svg+xml | W3C-SVG | Mērogojama vektorgrafika |
| HEIC fotoattēls | image/heic | ISO-IEC-23008-12-HEIF | Augstas efektivitātes attēlu konteiners |
| AVIF attēls | image/avif | AOMEDIA-AV1-AVIF | AV1 attēlu faila formāts |
| PSD Photoshop Document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Document |
| PSB Photoshop Large Document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Large Document |
| WMF Windows Metafile | image/x-wmf | MS-WMF-SPEC | Windows Metafile Vector Format |
| EMF Enhanced Metafile | image/x-emf | MS-EMF-SPEC | Enhanced Metafile Vector Format |
| JFIF Image | image/jpeg | ITU-T-T81-JPEG | JPEG File Interchange Format |
| TGA Truevision | image/x-tga | TGA-SPEC | Truevision uzlabots rastrs |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX Bitmap |
Tehniskās specifikācijas un kodeku sadalījums
Ātrās formāta izvēles noteikums
Mūsdienu tīmekļa vietnēm izmantojiet WebP vai AVIF (par 30% mazāki nekā JPEG ar caurspīdīguma atbalstu). Izmantojiet JPG fotogrāfijām, kur sīki, nemanāmi kompresijas artefakti nav svarīgi. Izmantojiet PNG ekrānuzņēmumiem, lietotāja saskarnes grafikai un ilustrācijām, kurām nepieciešams ass teksts pikseļu līmenī. Izmantojiet SVG logotipiem un ikonām, kurām nepieciešama bezgalīga mērogojamība.
Rasters pret vektoru: Kāpēc SVG nekad nekļūst izplūduši
Rasterattēli (JPG, PNG, WebP) ir fiksētu krāsu pikseļu režģi - pietuvinot pārāk tuuļu, tie kļūst izplūduši vai pikseļoti. SVG ir tīra matemātika: tas saglabā matemātiskas līnijas, līknes un krāsas, ļaujot ikonām un ilustrācijām izskatīties īpaši asām uz jebko - no mobilā tālruņa ekrāniem līdz 8K displejiem ar maziem failu izmēriem.
Mīts: "Augstāks DPI nozīmē labāku tīmekļa attēla kvalitāti"
DPI (punkti collā) ir tikai fiziska drukāšanas instrukcija, un tīmekļa pārlūkprogrammas to pilnībā ignorē. Tālruņos un datoru monitoros attēla asumu pilnībā nosaka pikseļu izmēri (piemēram, 1920x1080) un displeja blīvums, nevis iegultie DPI metadati.
Alfa caurspīdīgums: PNG pret WebP
Tradicionālajam JPG nav nekāda caurspīdīguma atbalsta - caurspīdīgi foni kļūst pilnīgi balti vai melni. PNG ieviesa tīru 8 bitu alfabēta caurspīdīgumu, taču WebP tagad nodrošina identisku caurspīdīguma kvalitāti ar līdz pat 40% mazākiem failu izmēriem.
0 baitu augšupielādēti ārējos serveros. Visa apstrāde notika lokāli jūsu pārlūkprogrammas smilškastē.