Formati slika: WebP, PNG, JPG i SVG u poređenju
Izbor pogrešnog formata slike može da uspori učitavanje stranice ili da zamuti vašu grafiku. Evo kako se moderni veb formati porede po kompresiji, transparentnosti i oštrini.
Datoteke se obrađuju lokalno u vašem pregledaču pomoću tehnologija WebAssembly i HTML5 API-ja. Ne napuštaju vaš uređaj, pa se ne otpremaju na server niti skladište kod trećih strana.
Započnite konverziju odmah na sopstvenom uređaju - bez čekanja na otpremanje, reda za preuzimanje i gušenja brzine od strane udaljenog servera.
Koristite svaki dostupan alat bez otvaranja naloga, plaćanja paketa ili dostizanja veštačkih ograničenja veličine datoteke. Konvertujte onoliko često koliko vaš pregledač i uređaj mogu da podnesu.
Poređenje formata i tehničke specifikacije
| Izlazni format | MIME tip | Specifikacija | Tip |
|---|---|---|---|
| PNG slika | image/png | W3C-PNG | Skenirana PNG slika visoke rezolucije |
| JPG JPEG slika | image/jpeg | ITU-T-T81-JPEG | Skenirana JPEG slika dokumenta |
| WebP slika | image/webp | RFC-6386-VP8 | Animacija visoke efikasnosti |
| SVG vektorska grafika | image/svg+xml | W3C-SVG | Vektorski CAD prikaz |
| HEIC fotografija | image/heic | ISO-IEC-23008-12-HEIF | High Efficiency Image Container |
| AVIF slika | image/avif | AOMEDIA-AV1-AVIF | AV1 format datoteke slike |
| 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 napredni raster |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX Bitmap |
| PDF PDF | application/pdf | ISO-32000-2 | Prenosivi format dokumenta |
Tehničke specifikacije i analiza kodeka
Brzo pravilo za donošenje odluke o formatu
WebP i AVIF mogu da smanje veličinu mnogih veb-slika i oba podržavaju transparentnost, ali rezultat zavisi od slike i podešavanja kodiranja. Koristite JPG za fotografije kod kojih su sitni artefakti kompresije prihvatljivi, PNG za jasne snimke ekrana i grafiku, a SVG za logotipe i ikone koje treba skalirati.
Raster u odnosu na vektor: Zašto SVG nikada nije zamućen
Rasterske slike (JPG, PNG, WebP) jesu mreže piksela fiksne boje - ako ih previše uvećate, postaju mutne ili pikselizovane. SVG je čista matematika: čuva matematičke linije, krive i boje, pa se ikone i ilustracije prikazuju oštro na svemu, od ekrana mobilnih telefona do 8K displeja, uz malu veličinu datoteke.
Mit: „Veći DPI znači bolji kvalitet veb-slike“
DPI (tačaka po inču) je čisto fizičko uputstvo za štampanje i veb pretraživači ga u potpunosti ignorišu. Na telefonima i računarima, oštrina slike je u potpunosti određena dimenzijama u pikselima (npr. 1920x1080) i gustinom ekrana, a ne ugrađenim DPI metapodacima.
Alfa transparentnost: PNG u odnosu na WebP
JPEG nema kanal za transparentnost, pa se providni pikseli pri čuvanju u JPEG formatu pretvaraju u jednobojnu pozadinu. PNG čuva alfa transparentnost, a transparentnost podržava i WebP i može da proizvede manju datoteku. Veličina zavisi od sadržaja slike i podešavanja kodiranja, zato uporedite rezultate.
0 bajtova poslato spoljnim serverima. Sva obrada je izvršena lokalno u bezbednom okruženju vašeg pregledača.