SVG, PNG i GIF w praktyce

Formaty plików i kompresja - Grafika komputerowa w liceum i technikum (draw)

- **SVG** (wektor): logo, ikony, schematy; rozmiar zależy od liczby obiektów, nie od wymiarów. - **PNG** (raster, bezstratnie, przezroczystość): rysunki, zrzuty ekranu, grafika z napisami. - **JPG** (raster, stratnie): zdjęcia. - **GIF** (raster, najwyżej 256 kolorów w klatce, animacja): proste animacje. Ten baner zapisany jako SVG zajmuje kilkaset bajtów, a jako PNG w skali 2 kilkadziesiąt kilobajtów.

{"width":1200,"height":400,"background":"#ffffff","shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":0,"y":0,"w":1200,"h":400},{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#f59e0b","x":60,"y":60,"w":280,"h":280,"radius":40},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#f8fafc","x":400,"y":120,"text":"Hackathon 2027","size":80,"bold":true,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#cbd5e1","x":400,"y":240,"text":"24 godziny kodu","size":44,"bold":false,"italic":false,"font":"sans"}]}

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Grafika komputerowa w liceum i technikum·Zaloguj się, aby zapisać postęp na koncie.