Obrazy z ekranu – jak komputer widzi obraz?

 Grafika komputerowa – formaty plików, rozdzielczość i podstawowe zasady pracy
z obrazem.

Po wykonaniu zadań:

• wyjaśnisz, czym jest piksel i rozdzielczość obrazu,
• rozpoznasz podstawowe formaty plików graficznych,
• dobierzesz odpowiedni format do rodzaju obrazu,
• sprawdzisz wymiary i rozmiar pliku,
• poznasz zasady prawidłowego zmieniania rozmiaru obrazu,
• będziesz wiedzieć, dlaczego po powiększeniu małego obrazu może pogorszyć się jego jakość.

1. Z CZEGO ZBUDOWANY JEST OBRAZ?

Obraz wyświetlany na ekranie może być zbudowany z pikseli. Piksel to najmniejszy element obrazu rastrowego, któremu przypisany jest określony kolor.

• Sprawdź: Otwórz dowolne zdjęcie na komputerze i mocno je powiększ.
• Co zauważasz?
  Przy dużym powiększeniu na obrazie stają się widoczne małe kolorowe kwadraciki – piksele. Obraz traci ostrość i staje się mniej wyraźny.
  Wniosek: Zdjęcie cyfrowe jest zbudowane z pikseli. Im bardziej powiększamy obraz, tym wyraźniej możemy je zobaczyć.

2. ROZDZIELCZOŚĆ OBRAZU

Rozdzielczość określa liczbę pikseli tworzących obraz. Przykład:
1920 × 1080 px
Oznacza:

• 1920 pikseli – szerokość obrazu,
• 1080 pikseli – wysokość obrazu.

Twoje zadanie : Znajdź na komputerze dowolny obraz. Sprawdź jego:

• szerokość: .................. px
• wysokość: .................. px
• rozmiar pliku: .................. KB/MB
• format: ..........................

Instrukcja: 

1. Znajdź na komputerze dowolne zdjęcie lub obraz.
2. Kliknij plik prawym przyciskiem myszy.
3. Wybierz Właściwości.
4. W zakładce Ogólne odczytaj:

• Typ pliku – np. JPG, PNG,
• Rozmiar – np. 2,4 MB.

---

3. FORMATY PLIKÓW GRAFICZNYCH

Poznaj najczęściej spotykane formaty:

Format	Do czego najczęściej służy?
JPG / JPEG	zdjęcia i obrazy z dużą liczbą kolorów
PNG	grafiki, zrzuty ekranu, obrazy z przezroczystym tłem
GIF	proste grafiki i krótkie animacje
SVG	logo, ikony i grafika wektorowa

Zapamiętaj:

📷 JPG → zdjęcia

🖼️ PNG → grafika i przezroczystość

🎞️ GIF → proste animacje

🔷 SVG → grafika wektorowa

4. SPRAWDŹ I PORÓWNAJ

Wybierz dowolny obraz znajdujący się na komputerze.

• Sprawdź jego właściwości.
  Format: ..........................
  Wymiary: ..........................
  Rozmiar: ..........................

Jeżeli program pozwala, zapisz kopię obrazu w innym formacie.
Porównaj oba pliki.

Zapisanie tego samego obrazu w różnych formatach może zmienić jego rozmiar, a czasami także jakość. Dlatego format pliku należy dobierać do rodzaju i przeznaczenia obrazu.

5. ZMIENIAMY ROZMIAR – UWAGA!

Podczas zmiany rozmiaru obrazu zachowuj jego proporcje.
Nie rozciągaj obrazu tylko w poziomie lub tylko w pionie.

Wykonaj:

1. Wybierz obraz i zmień jego rozmiar tak, aby jego szerokość wynosiła około 800 px.
2. Sprawdź, czy obraz zachował właściwe proporcje.
   

Zmień rozmiar obraz. Otwórz obraz w Paint.

1. Wybierz Zmień rozmiar → Piksele.
2. Zaznacz Zachowaj współczynnik proporcji.
3. W polu Poziomo wpisz 800 px.
4. Kliknij OK.
5. Sprawdź, czy obraz nie został zniekształcony.

 TWOJE WYZWANIE

Masz przygotować grafikę na stronę internetową szkoły. Grafika ma przedstawiać logo szkoły bez białego tła.

Otwórz program Photopea TUTAJ

Wybierz Plik → Otwórz i wskaż logo.

Wybierz Zaznacz → Usuń tło.

Sprawdź, czy zniknęło białe tło.

Wybierz Plik → Eksportuj jako → PNG.

Zapisz plik w swoim folderze

6.  PAMIĘTAJ O PRAWACH AUTORSKICH

Nie każda grafika znaleziona w Internecie może być dowolnie kopiowana i wykorzystywana.
Przed wykorzystaniem obrazu sprawdź:

• kto jest jego autorem,
• czy można go wykorzystać,
• na jakiej licencji został udostępniony,
• czy należy podać autora.