Junior
Millised populaarsed pildifaili formaadid kasutatakse veebidisainis?
sobes.tech AI
Vastus AI-lt
- Raster (Rastrilised):
- JPEG (.jpg, .jpeg): Sobib fotodele, toetab kaotustega kokkusurumist. Ei toeta läbipaistvust.
- PNG (.png): Toetab läbipaistvust (alfa-kanal). PNG-8 sobib lihtsate piltide jaoks paletiga, PNG-24 jaoks kõrgema kvaliteedi ja täisvärvilise graafikaga. Kaotusteta kokkusurumine.
- GIF (.gif): Toetab animatsiooni ja läbipaistvust. Piiratud 256 värviga. Kasutatakse lihtsate animatsioonide ja ikoonide jaoks.
- WebP (.webp): Google poolt välja töötatud. Toetab kaotust ja kaotusteta kokkusurumist, animatsiooni ja läbipaistvust. Tavaliselt väiksem suurus sarnases kvaliteedis võrreldes JPEG ja PNG-ga.
- Vektorkujutised (Vektorkujutised):
- SVG (.svg): Skaleeritav ilma kvaliteedi kadumiseta. Sobib suurepäraselt logode, ikoonide ja graafika jaoks. Põhineb XML-il.
| Formaat | Tüüp | Läbipaistvus | Animatsioon | Kokkusurumine | Parim kasutusala |
|---|---|---|---|---|---|
| JPEG | Rastriline | Ei | Ei | Kaotustega | Fotode jaoks |
| PNG | Rastriline | Jah | Ei | Kaotusteta | Läbipaistvad pildid, graafika |
| GIF | Rastriline | Jah (lihtne) | Jah | Kaotusteta | Lihtsad animatsioonid, ikoonid |
| WebP | Rastriline | Jah | Jah | Kaotustega/Kaotusteta | Universaalne |
| SVG | Vektorkujutis | Jah | Jah (CSS/JS) | Kaotusteta | Logo, ikoonid, graafika |
Formaatide valik sõltub pildi tüübist, kvaliteedist, läbipaistvuse ja animatsiooni toetusest ning vajalikust failisuurusest. <picture> või srcset atribuudi kasutamine <img>-s võimaldab pakkuda erinevaid formaate (näiteks WebP ja JPEG) vastavalt brauseri toele, optimeerides jõudlust.