Grafika komputerowa

Grafika rastrowa składa się z pikseli — maleńkich kwadracików. Zdjęcia są rastrowe. Gdy powiększymy je za mocno, widać kwadraciki i obraz się rozmywa.

Grafika wektorowa opisuje obraz figurami i wzorami (linie, koła). Można ją powiększać bez utraty jakości, dlatego stosuje się ją do logotypów, ikon i rysunków technicznych.

Rozdzielczość to liczba pikseli obrazu. Formaty JPG (małe zdjęcia, brak przezroczystości), PNG (przezroczystość, grafiki), GIF (animacje), SVG (wektor).

• .jpg — zdjęcia, mały rozmiar, brak przezroczystości
• .png — grafiki i przezroczyste tło
• .gif — proste animacje
• .svg — grafika wektorowa
• Rozdzielczość — liczba pikseli obrazu

• Piksel — najmniejszy element obrazu rastrowego
• Wektor — obraz opisany figurami
• Raster — obraz zbudowany z pikseli
• Rozdzielczość — im większa, tym więcej szczegółów

Co to piksel?

Najmniejszy kwadracik, z którego zbudowany jest obraz rastrowy.

Czym różni się wektor od rastra?

Wektor opisuje obraz figurami i można go powiększać bez utraty jakości.

Który format ma przezroczystość?

PNG (i SVG).

Do czego służy JPG?

Do zdjęć — daje mały plik, ale bez przezroczystości.

Który format nadaje się do logo?

SVG — grafika wektorowa.

Co to rozdzielczość?

Liczba pikseli obrazu, np. 1920×1080.

Dlaczego powiększone zdjęcie się rozmywa?

Bo widać poszczególne piksele — raster ma ich skończoną liczbę.

Który format służy do prostych animacji?

GIF.

Co to jest kompresja stratna?

Zmniejszanie pliku przez usunięcie części szczegółów obrazu — jak w formacie JPG.

Za co odpowiada kanał alfa?

Za przezroczystość obrazu.

Z jakich barw powstają kolory na ekranie?

Z czerwonej, zielonej i niebieskiej — w skrócie RGB.

Co to jest kadrowanie?

Wycięcie z obrazu tylko tego fragmentu, który chcemy pokazać.

1. Obraz zbudowany z pikseli to grafika…

1. Wektorowa
2. Rastrowa
3. Trójwymiarowa
4. Tekstowa

2. Dlaczego powiększone zdjęcie traci jakość?

1. Zmienia format
2. Widać pojedyncze piksele
3. Gubi kolory
4. Plik robi się dużo cięższy

3. Obraz o wymiarach 800 na 600 pikseli składa się z…

1. 1400 pikseli, czyli 800 plus 600
2. 480 000 pikseli
3. 4800 pikseli
4. 600 pikseli

4. Skalowanie rysunku SVG do rozmiaru plakatu…

1. Rozmyje obraz na brzegach
2. Nie pogorszy jakości
3. Zmieni kolory
4. Usunie tło

5. Który format obsługuje przezroczyste tło?

1. JPG
2. PNG
3. TXT
4. MP3