Ülesanne: Pildiformaadid (JPG, PNG, PNG-mitte läbipaistev, WebP, SVG)

Juhised:

1. Võta üks enda loodud svg smaili pilt ja pane see Figmasse.
2. Ekspordi see viies formaadis: JPG, PNG (läbipaistev), PNG (mitte läbipaistev), WebP, SVG.
3. Sisesta pildid allolevatesse <img> elementidesse (asenda src väärtus oma failiga, nt pilt.png).
4. Lisa faili suurus kilobaitides (KB)
   1 KB = 1024 B
5. Järjesta kaardid suuruse järgi (väiksemast suuremani).

Ekspordi juhend Figmas

• Vali kujund ja kasuta menüüd File → Export või Right click → Export.
• Figma eksportimise kohta loe lähemalt: Figma Export juhend.
• WebP eksportimiseks kasuta Figma pluginat: WebP Exporter plugin.

Lisainfo pildiformaatide kohta

• JPG: rasterformaat, kasutab lossy kompressiooni, sobib fotode ja taustapiltide jaoks.
• PNG (läbipaistev): rasterformaat, lossless, toetab alfakanalit, sobib ikoonide ja logode jaoks.
• PNG (mitte läbipaistev): rasterformaat, lossless ilma alfakanalita, sobib kui läbipaistvust pole vaja.
• WebP: kaasaegne rasterformaat, toetab nii lossy kui lossless kompressiooni, läbipaistvust ja animatsioone.
  Rohkem infot: Adobe selgitus WebP kohta
• SVG: vektorformaat, salvestab kujundi matemaatilise kirjelduse, sobib ikoonide, logode ja animatsioonide jaoks.

Pildid

JPG

Faili suurus: 27.4 KB

PNG (läbipaistev)

Faili suurus: 5 KB

PNG (mitte läbipaistev)

Faili suurus: 5 KB

WebP

Faili suurus: 26 KB

SVG

Faili suurus: 1 KB