II Liceum Ogólnokształcące w Kartuzach
im. dra Aleksandra Majkowskiego
Osiedle Wybickiego 33
83-300 Kartuzy

Imieniny obchodzą:
Domasława, Domisława, Marek, Melchior, Regina, Rena, Ryszard,

Cytat tygodnia:

Informatyka

Grafika komputerowa.

1. Standardy definiowania kolorów.

RGB
Tworzenie obrazów barwnych na ekranie monitora polega na mieszaniu ze sobą trzech barw: czerwonej, zielonej i niebieskiej. Zmieniając nasycenie tych kolorów uzyskuje się inne barwy. Technika ta jest znana pod nazwą RGB.
HSL
Nowe kolory można uzyskiwać operując barwą, nasyceniem i jaskrawością. Ten sposób definiowania kolorów jest nazywany HSL(B) Hue – barwa, Saturation – nasycenie, Lightness (Brightness) – jaskrawość.
CM YK
Ilustracja przeznaczona do druku w kolorze jest pamiętana w standardzie CMYK Cyan, Magenta, Yellow, Key czyli błękitny, purpurowy, żółty i klucz (kolorem kluczowym jest czarny). W procesie wydruku te kolory są w odpowiedni sposób mieszane w celu uzyskania pozostałych barw i odcieni.

Przykład zapisu koloru w różnych standardach:

R = 212
G = 31
B = 31

H = 0
S = 85
L = 83

C = 11
M = 99
Y = 100
K = 2

Zapis hexadecymalny:

#D41F1F

2. Obrazki bitmapowe i grafiki wektorowe.

Grafika komputerowa dzieli się na dwie główne kategorie: obrazki bitmapowe i grafiki wektorowe.

Obrazki bitmapowe
Obrazki bitmapowe, zwane obrazkami rastrowymi, składają się z siatki, czyli rastra, który stanowią małe kwadraciki zwane pikselami. Każdy piksel w obrazku bitmapowym ma swoje miejsce i kolor.
Praca z obrazkami bitmapowymi polega na modyfikacji grup pikseli, a nie obiektów i kształtów.
Obrazki bitmapowe są najczęściej używanym rodzajem grafiki przy pracy z obrazkami o płynnych przejściach tonów (fotografie i obrazki stworzone w programach do malowania), ponieważ mogą one odzwierciedlić subtelne gradacje cieni i kolorów. Obrazki bitmapowe są uzależnione od rozdzielczości i składają się z określonej liczby pikseli. Warunki te powodują, że zmiana rozmiaru lub rozdzielczości tych obrazków może spowodować rozmycie i utratę szczegółów.

Przykład obrazka bitmapowego w różnych powiększeniach.

Grafika wektorowa.
Grafika wektorowa składa się z linii prostych i krzywych, zdefiniowanych przez obiekty matematyczne zwane wektorami. Wektory opisują grafikę w kategoriach jej charakterystyki geometrycznej. Aby narysować koło o promieniu 2 cm , program grafiki wektorowej utworzy je na podstawie wartości jego kształtu i rozmiaru. Utworzone koło może być później przesuwane i zmieniane, a jakość grafiki pozostanie bez zmian.
Grafika wektorowa nie zależy od rozdzielczości, tzn. nie jest określana przez stałą liczbę pikseli i jest zawsze odtwarzana z maksymalną rozdzielczością dowolnego urządzenia wyjściowego. Z tego powodu grafika wektorowa najlepiej nadaje się do tworzenia tekstu (zwłaszcza z małą czcionką) oraz wyróżnień, takich jak znaki firmowe.
Pracując w edytorze graficznym można w każdej chwili wrócić do edytowania obiektu i zmieniać jego kolor, wielkość i położenie. Można również zmieniać sposób i kolejność nakładania obiektów oraz grupować je w jeden obiekt. Ilustracje tworzone w grafice wektorowej zapisywane są w specjalnych formatach, które pamiętają poszczególne obiekty obrazu (Corel - .cdr). Te obrazy można zapisywć również jako bitmapy lecz wówczas traci się informacje o poszczególnych obiektach.

Przykład grafiki wektorowej w różnych powiększeniach.

Należy pamiętać, że ponieważ ekrany monitorów komputerowych składają się z siatki pikseli, to zarówno obrazki wektorowe, jak i bitmapowe są wyświetlane w formie pikseli.

Określanie rozmiaru obrazka i rozdzielczości.

Wymiary pikseli.
Każdy obrazek bitmapowy zawiera określoną liczbę pikseli, którą wylicza się na podstawie wysokości i szerokości obrazka w pikselach. Całkowita liczba pikseli określa rozmiar pliku, czyli ilość danych dotyczących obrazka. Rozmiary pikseli, wraz z rozmiarami i parametrami monitora, określają wielkość obrazka na ekranie.
Na przykład, monitor 15-calowy wyświetla 800 pikseli w poziomie i 600 w pionie. Obrazek o wymiarach 800 na 600 pikseli wypełnia ten mały ekran. Na większym monitorze z ustawieniem 800 na 600 pikseli ten sam obrazek (z wymiarami 800 na 600 pikseli) wypełni ekran, ale jego piksele będą większe. Zmiana ustawienia większego monitora na 1024 na 768 pikseli wyświetli mniejszy obrazek, który zajmuje tylko część ekranu.
Jeśli obrazek jest przygotowywany do dystrybucji elektronicznej (np. w postaci strony internetowej wyświetlanej na różnych monitorach), wymiary pikseli stają się szczególnie ważne. Obrazek może być oglądany na monitorach 15-calowych i dlatego warto ograniczyć jego rozmiar do 800 na 600 pikseli, aby zachować miejsce dla elementów okna przeglądarki internetowej.

Przykłady obrazka wyświetlanego na różnych monitorach i przy różnych rozdzielczościach.

Rozdzielczość obrazka
Liczba pikseli obrazka na jednostkę długości jest zwana rozdzielczością obrazka i mierzona zwykle w pikselach na cal (ang. ppi).
Obrazek drukowany z wysoką rozdzielczością zawiera więcej pikseli, które są proporcjonalnie mniejsze od pikseli obrazka z niższą rozdzielczością. Na przykład obrazek o rozmiarach 1 cal na 1 cal i rozdzielczości 72 ppi zawiera 5148 pikseli (72 piksele szerokości x 72 piksele wysokości = 5184). Taki sam obrazek o rozdzielczości 300 ppi zawierałby 90 000 znacznie mniejszych pikseli. Obrazki o wyższej rozdzielczości zwykle zapewniają na wydruku większą ilość szczegółów i subtelniejsze przejścia między kolorami niż obrazki o niższej rozdzielczości, ponieważ do reprezentowania tego samego obszaru wykorzystuje się w nich większą liczbę pikseli.

Obrazki 72-ppi oraz 300-ppi.

Zastosowanie zbyt niskiej rozdzielczości w obrazku przeznaczonym do druku powoduje pikselację, czyli zgrubny wygląd wydruku. Z kolei zbyt duża rozdzielczość (tzn. piksele mniejsze niż możliwe do odtworzenia przez urządzenie wyjściowe) niepotrzebnie zwiększa rozmiary pliku i może wydłużać czas niezbędny do wydrukowania lub przesłania obrazka.

Rozdzielczość monitora
Jest to liczba wyświetlanych na monitorze pikseli lub punktów na jednostkę długości, na ogół mierzona w punktach na cal (dpi). Rozdzielczość monitora zależy od jego wielkości i konfiguracji. Typowa rozdzielczość monitorów wynosi około 96 dpi, natomiast starsze monitory Macintosha mają rozdzielczość 72 dpi.
Zrozumienie pojęcia rozdzielczości monitora ułatwia wyjaśnienie, dlaczego rozmiar obrazka wyświetlanego na ekranie często różni się od wielkości obrazka po wydrukowaniu. Piksele obrazka odpowiadają bezpośrednio pikselom monitora. Znaczy to, że jeśli rozdzielczość obrazka jest wyższa niż rozdzielczość monitora, to obrazek na ekranie jest większy niż określają to jego rozmiary. Na przykład, obrazek o rozmiarach 1 cal na 1 cal i rozdzielczości 144 pkt/cal wyświetlany na monitorze o rozdzielczości 72 pkt/cal, pojawi się on na ekranie jako obrazek o wielkości 2 na 2 cale. Ponieważ monitor może wyświetlić tylko 72 piksele na cal, potrzebuje 2 cali na wyświetlenie 144 pikseli krawędzi obrazka.

Rozdzielczość wydruku.
Liczba punktów wydruku na cal (dpi, pkt/cal) tworzona przez urządzenia drukujące, takie jak naświetlarki i drukarki laserowe. Większość drukarek laserowych zapewnia rozdzielczość druku 600 pkt/cal, a naświetlarki posiadają zwykle rozdzielczość rzędu 1200 dpi lub większą. Drukarki atramentowe tworzą linie farby zamiast punktów. Większość drukarek atramentowych posiada rozdzielczość od 300 do 1440 dpi. Informacje o optymalnej rozdzielczości wydruku zawiera dokumentacja używanej drukarki.

Wielkość pliku.
Rozmiar pliku obrazka cyfrowego, wyrażany w kilobajtach (K), megabajtach (MB) lub gigabajtach (GB) jest proporcjonalny do całkowitej liczby pikseli obrazka. Obrazki o wyższej rozdzielczości zawierają więcej szczegółów przy tym samym rozmiarze i są zapisywane w plikach o większych rozmiarach. Na przykład obrazek 1 (25,4 mm) na 1 (25,4 mm)cal o rozdzielczości 200 ppi zawiera cztery razy więcej pikseli niż taki sam obrazek o rozdzielczości 100 ppi, a więc zawierający go plik jest czterokrotnie większy. Dobór rozdzielczości obrazka jest więc kompromisem pomiędzy wymaganą jakością a wielkością pliku.
Innym czynnikiem wpływającym na rozmiar pliku jest jego format.

Rozróżniamy następujące formaty plików najczęściej używanych w grafice komputerowej:

Nazwa pliku	Rozszerzenie	Opis
bitmapa	bmp	standardowy format w środowisku Windows, wielkość pliku zależy od liczby pamiętanych kolorów
GIF (ang. Graphic Interchange Format)	gif	plik, w którym liczba pamiętanych kolorów nie przekracza 256
JPEG (ang. Joint Photographic Experts Group)	jpg	plik, w którym w zależności od wyboru stopnia kompresji, można uzyskać dużą oszczędność pamięci lecz ze stratą na jakości obrazu
TIFF (ang. Tagget Image File Format)	tif	format pliku stosowany do materiałów, przeznaczonych do druku, można w nim uzyskać do 40% kompresji bez strat jakości

Z powodu różnych metod kompresji używanych przez formaty GIF i JPEG, rozmiar jednego pliku może się różnić w zależności od użytego formatu. Rozmiar pliku jest także uzależniony od głębi bitów, ilości warstw i kanałów obrazka.

Opracował: (-) Adam Barlak

Nasze serwisy

Matura 2006

Informatyka

Budowa komputera

Sieci komputerowe

Testy

Historia

Chemia

Kącik kulturalny

Galeria