A pixelpixelpixel is the smallest controllable element of a picture:
displayeddisplayeddisplayed on the screenscreenscreen (of a computer monitor, television set, telephone, tablet, smartphone),
printed on paper (using printing techniques in which an image is represented by dots),
captured with the use of image processing devices (a digital camera, scanner).
RL9SRGG43NKNX1
Ilustracja przedstawia wyświetlacz ciekłokrystaliczny, który zbudowany jest pikseli przedstawionych jako małe kwadraciki. Widoczne są również ciemne miejsca. Fragment wyświetlacza w kształcie kwadratu został powiększony. W powiększeniu widoczne są pojedyncze piksele. Piksele przedstawione są w postaci kwadratów. Każdy kwadrat jest podzielony na trzy prostokąty w kolorach: czerwonym, zielonym i niebieski. W powiększeniu widoczne są również ciemne miejsca zamiast pikseli, symbolizują wypalone piksele.
Image resolutionresolutionresolution is the precision in representing the details of a bitmap imagebitmap imagebitmap image. The resolution of an image displayeddisplayeddisplayed on the screen indicates the number of pixels per inch (approximately 2.5 cm). The unit of the resolution of the image displayed on the screen is ppi. The higher resolution, the higher image quality and consequently the larger file sizesizesize.
RcMAxdwioaGrz
Ilustracja interaktywna przedstawia napis ppi. Na ilustracji pod literami widoczne są numery, a na nich podpisy. 1. pixels {audio}, 2. per {audio}, 3. inch {audio}
Ilustracja interaktywna przedstawia napis ppi. Na ilustracji pod literami widoczne są numery, a na nich podpisy. 1. pixels {audio}, 2. per {audio}, 3. inch {audio}
The unit of the resolution of an image displayed on the screen
Colour in displays is obtained by mixing the three primary colours of the RGB model. Therefore a pixelpixelpixel consists of three subpixels emitting red, blue and green light. For example, a full HD matrixmatrixmatrix, i.e. of the resolution 1920 × 1080, has 1920 pixels in every line and 1080 lines. The sizesizesize of the pixel depends on the predicted distance of viewing the screenscreenscreen and it decreases with this distance. Pixel density depends on the size of the pixel. It amounts to 90 ppi for LCD monitors and to 300 ppi for smartphones. The matrix resolution of digital cameras is expressed in megapixels.
The relationship between matrix resolution and image size
The number of dots per inch (approximately 2.5 cm) is a measure used for specifying the resolutionresolutionresolution of images generated by printing devices. For instance, the resolution 600 dpi indicates that 600 printed dots are placed in a line within the span of 1 inch of an image.
Rgww4LAoM2psA
Ilustracja interaktywna przedstawia napis dpi. Na ilustracji pod literami widoczne są numery, a na nich podpisy. 1. dots {audio}, 2. per {audio}, 3. inch {audio}
Ilustracja interaktywna przedstawia napis dpi. Na ilustracji pod literami widoczne są numery, a na nich podpisy. 1. dots {audio}, 2. per {audio}, 3. inch {audio}
Changing the sizesizesize of an image is connected with the issue of maintaining its quality. Resolution and bitmap size depend on the parameters of a device which is the source of the image. The number of dots containing the information about the image is fixed. Changing the image size entails the change in its resolution. Increasing the size leads to decreasing its resolution, while decreasing the image size results in increasing its resolution.
R17NJw515Hqnf1
Ilustracja przedstawia porównanie rozdzielczości tego samego zdjęcia lilii wodnej. Każdy z sześciu obrazków podpisany jest wartościami odpowiadającymi liczbie pikseli w szerokości na liczbę pikseli w wysokości zdjęcia. W górnym rzędzie obrazek pierwszy 16 na 12, drugi 32 na 24, trzeci 64 na 28 oraz w dolnym obrazek czwarty 128 na 56, piąty 256 na 112, szósty 2560 na 1120. Im większa rozdzielczość zdjęcia, tym zdjęcie zbudowane jest z większej liczby pikseli i jest bardziej wyraźne, dokładniej oddaje rzeczywistość.
Imagine that you want to print a 13 cm x 9 cm picture enlarged two times on a printer of the resolutionresolutionresolution of 600 dpi. Calculate the resolution at which the image must be scanned.
The length of the sides of the enlarged picture expressed in inches:
Download the prepared image. Check how much disc space it takes up. Change the resolution of the image according to the following purposes and check how its size changes.
Download the included file and prepare it for printing in the 10 cm x 15 cm format. Apart from changing the resolution of the image, you must also crop it.
Image resolutionresolutionresolution is an important parameter affecting its quality. It is connected with the number of pixels in the case of an image displayeddisplayeddisplayed on the screenscreenscreen or with the number of dots per the unit of length in the case of a printed image. It should be selected depending on the purpose of the image. Image editors enable to change image resolution.
Exercises
Exercise 1
RynwOspF392ba
Wersja alternatywna ćwiczenia: The higher the resolution of an image: Możliwe odpowiedzi: 1. the higher image quality, 2. the larger file size, 3. the lower image quality, 4. the smaller file size
Wersja alternatywna ćwiczenia: The higher the resolution of an image: Możliwe odpowiedzi: 1. the higher image quality, 2. the larger file size, 3. the lower image quality, 4. the smaller file size
The higher the resolution of an image:
the higher image quality
the larger file size
the lower image quality
the smaller file size
zadanie
Source: GroMar, licencja: CC BY 3.0.
Exercise 2
Prepare 10 images which you can use to create a gallery to be placed on a web site. You can download them from the internet (remember to conform to copyright). The size of each image should be 150 px by 100 px and their resolution – 72 ppi.
Exercise 3
Explain in English why changing the size of a bitmap image decreases its quality.
Exercise 4
RBpBORUo1Qsmg
Wersja alternatywna ćwiczenia: Indicate which pairs of expressions or words are translated correctly. Możliwe odpowiedzi: 1. rozdzielczość - resolution, 2. piksel - pixel, 3. ekran - screen, 4. wydruk - printout, 5. obraz bitmapowy - matrix, 6. rozmiar - large format printing
Wersja alternatywna ćwiczenia: Indicate which pairs of expressions or words are translated correctly. Możliwe odpowiedzi: 1. rozdzielczość - resolution, 2. piksel - pixel, 3. ekran - screen, 4. wydruk - printout, 5. obraz bitmapowy - matrix, 6. rozmiar - large format printing
Indicate which pairs of expressions or words are translated correctly.
rozdzielczość - resolution
piksel - pixel
ekran - screen
wydruk - printout
obraz bitmapowy - matrix
rozmiar - large format printing
zadanie
Source: GroMar, licencja: CC BY 3.0.
R1c0xxKLYCTgm1
Interaktywna gra, polegająca na łączeniu wyrazów w pary w ciągu jednej minuty. Czas zaczyna upływać wraz z rozpoczęciem gry. Jeden ruch to odkrywanie najpierw jednej potem drugiej karty z wyrazem. Każdy wyraz jest odczytywany. Kolejny ruch to odkrywanie trzeciej i czwartej karty. W ten sposób odsłuchasz wszystkie wyrazy. Nawigacja z poziomu klawiatury za pomocą strzałek, odsłuchiwanie wyrazów enterem lub spacją. Znajdź wszystkie pary wyrazów.
Interaktywna gra, polegająca na łączeniu wyrazów w pary w ciągu jednej minuty. Czas zaczyna upływać wraz z rozpoczęciem gry. Jeden ruch to odkrywanie najpierw jednej potem drugiej karty z wyrazem. Każdy wyraz jest odczytywany. Kolejny ruch to odkrywanie trzeciej i czwartej karty. W ten sposób odsłuchasz wszystkie wyrazy. Nawigacja z poziomu klawiatury za pomocą strzałek, odsłuchiwanie wyrazów enterem lub spacją. Znajdź wszystkie pary wyrazów.
Match Polish terms with their English equivalents.
wydruk
printout
pixel
resolution
matryca
matrix
ekran
screen
rozdzielczo��
piksel
Source: Zespół autorski Politechniki Łódzkiej, licencja: CC BY 3.0.
