???????? ??????? ??????? (bit-mapped)

1
???????? ??????? ???????

• ??????? ??????????????, ?????????? ? ???????????

2
???????? ??????? ???????

• ???????? ?????? ??????
• ??????? ?????????
• ???????? ??????? ??????? (bit-mapped)
• ???????? ??????? ???????
• ??????? ??????? ???????

3
???????? ??????? ??????? ??????????????

• ???? ???????
• ?????????
• ???????????
• ???????????
• ?????????? ?????????????

4
???? ???????

• 8-????? ????
• ?? ?????? ?? 256 ?????
• ????? ?????? ?? ?????????
• ????? ???????????????
• 24-????? ????
• 3 ? 8 ????
• 16 777 216 ?????

5
?????????

• ???????? ??????? ?? ?????
• ??????? ?? ???????? ???????????
• ????? ??? ???????? ???????????
• ??? ????
• ????????? ??? ?????? (lossless formats)
• ????????? ??? ?????? (lossy formats)

6
?????????

• ????????? ??? ?????? (lossless formats)
• ?????????? ??????? ?????????? ?? ????????????
  ???????????
• ?????????? ????? ??????? ?? ?????????
• ?????????? GIF, TIFF ???????

7
?????????

• ????????? ??? ?????? (lossy formats)
• ?????????? ?????? ?????? ?? ?????????
• ?????????? ???? ?? ???? ?? ????????????
  ?????????? ?? ?????????????
• ?????????? JPEG ??????

8
???????????

• ????????? ?????? ???? ?? ????????????? (???-?????
  ????) ?? ?? ???????? ???? ?????????
• ???????????
• ?????????? ????? ????????? ???? ?? ?????????????
• ?????????? ?? ???????????
• ??????
• ????? ??????????? (binary transparency))
• ???????? ??????????? (variable transparency)
• ????-?????? ??? ?????? ?? ????? ????????
  ???????????

9
???????????

• ???? ? ???? ??????????? ?? ??? ???????? ????, ???
  ?????? ?? ??????? ?? ????????????? ??? ???????, ?
  ?????????? ?? ??????????? ??? ???????

10
???????????

• ????????? ??????? ?????
• ???????????
• ?????-???????????
• ?????????? ? Web ?????????? ?? ????????????? ??
  ????????? ??????? ??????? ?? ???????? Web
  ????????

11
?????????? ?????????????

• ?????????? (???????????) ????????????? ?????
  ????????????? ?? ????????????? ? ???? ???????? ?
  ?????????? ??-???????? ????????????
• ??????
• ?????????????? ????????? ?????????? (progressive
  display) JPEG
• ?????????? ?????????? ?? ?????????????
  (Interlacing) ????????? ??? ??????? GIF
• ?????????? ?????????? ?? ?????????????
  (Interlacing) ???????? ??? ??????? PNG

12
?????????? ?????????????

• ??????????, ????????? ????????????? ??
  ????????????? (interlacing)

???????? ?????????? ?????????????
(two-dimensional interlacing) ??? ??????? PNG
????????? ?????????? ?????????????
(one-dimensional interlacing) ??? ??????? GIF
13
???????? ??????? ???????

• BMP (Bitmap Image)
• TIFF (Tagged Image File Format)
• ?????????? ? Web
• JPEG (Join Photographic Expert Group ??????????
  ?? ?????????? ?????????)
• GIF (Graphics Interchange Format)
• PNG (Portable Network Graphics)

14
BMP (BitMaP Image)

• ?????????? ?? ????? - .bmp
• ??????? ???????? ?????? ??????
• ??????????
• ?????????? ?? ???????????? ?? ????????????? ????
  1-, 4-, 8- ??? 24-??????
• ???????????
• ?? ???????? ????????? ????? ???? ?? ?????????
• ?????????? ??????????? ??????? Windows
• ?? ???????? ???????????

15
TIFF (Tagged Image File Format)

• ?????????? ?? ????? - .tif
• ???????? ?????? ??????
• ??????????
• ??????? ?? ??????????? ??????????
• ????? ?? ????????? ????? ???????? ?????????? ?
  ?????????

16
TIFF (Tagged Image File Format)

• ??????????
• ????? ????? ????????
• ????????? ?????? ?? ????? ? ??????? ?? ?????????
• ????????? ??? ?????? LZW Compression
• ?????-?????????? - Macintosh, Windows, ? UNIX
• ???????????
• ????? ???? ?? ?????????
• ????????? ??????
• ?? ?? ???????? ? Web

17
JPEG (Join Photographic Expert Group)

• ?????????? ?? ????? - .jpg (.jpeg)
• ???????? ?????? ??????
• ???????? ?? ??????????? ? ?????? ??????? ???????

18
JPEG (Join Photographic Expert Group)

• ??????????
• ???? ??????????? ? ???? ?? ?????????
• ?????????? ?? ?????????? ????????????? ??
  ????????????? ??????????? ??????????????
  ????????? ?????????? (progressive ?????)
• ????????? ? Web
• ????? ??????????
• ???????????
• ????????? ??? ??????
• ?? ???????? ???????????
• ?? ???????? ????????

19
????????? JPEG

• ????????? ??? ??????
• ?????? ?????? ?? ?????????
• ??????? ?????????? ????? ?????????? ??
  ????????????? ? ???????? ?? ?????????
• ?????????? ?? ?????????? ???????? ?? ?????????
• ??????????? ??????????? ?? ????? ??? ?????????? ??

20
????????? JPEG

• Maximum (?????????? ????????)
• High (?????? ????????)
• Medium (?????? ????????)
• Low (????? ????????)

21
GIF (Graphics Interchange Format)

• ?????????? ?? ????? - .gif
• ???????? ?????? ??????
• ???-??????? ?????? ?????? ?? Web
• ???????? ?? ??????????? ??? ????? ??????? ???????
• ??? ?????? GIF87a, GIF89a

22
GIF (Graphics Interchange Format)

• ??????????
• ????????? ??? ?????? (LZW ?????)
• ????? ???? ?? ?????????
• ???????? ????? ??????????? (binary transparency)
  ?????? GIF89a
• ???????? ???????? ??????? ??????????? ? ????
  ????, ??? ???????? ?? ?? ?????? ??????????
• ?????????? ?????????? ? ????????? ??
  ????????????? (interlacing)
• ????????? ? Web ?????????? ?? ?? ??????
  ???????? ????????
• ???? upload, download ? ????????????? ? ???????
• ????? ??????????

23
GIF (Graphics Interchange Format)

• ???????????
• ???????? ?? 8-????? ???? (?? 265 ????? ???
  ??-?????)
• ????????? ??? ?????? ??? ???????????? ??
  24-?????? ??????????? ??? 8-??????

24
LZW Compression

• ????????? LZW (Lempel-Ziv-Welch, ?? ????????? ??
  ??????????? ?)
• ?????????? ?? TIFF ? GIF ???????
• ????????? ??? ??????
• ???? ?? ??-????? ???????? ? ????????? ??
  ?????????
• ?????????? ?? ??????? ?? 1/2 ?? 1/3
• ?? ??????? ?????????

25
PNG (Portable Network Graphics)

• ?????????? ?? ????? - .png (???? ?? ????)
• ??????????? ??? ???????? ?????? ??????
• ??????????
• ????????? ??? ?????? ? ???????? ??????
  ??????????? ??????? ?? ??-????? ?? ??????????? ??
  ? GIF ??????
• ???????? ????? ? ???????? ??????????? 254
  ???????? ???? ?? ???????? ???????????, ?????
  ????? ??????????? ? ????????????? (????-?????)
• ????????? ??????? ? ???????? ??????
  anti-aliasing
• ???? ???????? ??????????????? ??????? ??
  ??????? ?? ?????????????
• ???????? ??????????? ???? ??????? 48-????? ????
• ???????? ?????????? ????????????? (interlacing)
  ?? ??-????? ????????? ?? ?????
• ????????? ? Web
• ???????????????
• ????????? ?? ???????? ?????

26
PNG (Portable Network Graphics)

• ???????????
• ?? ?? ???????? ?? ?????? ????????
• ?????????????? ?? ?????? ??????????? ?????? ?????
  ?????, ? ???????????? ?? ??????? ????? ?
  ????????????
• ?? ???????? ????????

27
????????? ?? ????????? ??????? JPEG, GIF ? PNG
?????????????? JPEG GIF PNG
??? ???????? ???????? ????????
????????? ?? ????? 24 ???? min 1 ??? max 8 ???? min 1 ??? max 48 ????
?????????? ???? ??????? 16 777 216 256 4,294,967,296 ???? ???? ?????
??????????? ?? ?? ??
???? ????? ?? ?? ??
???????? ?? ?? ??
?????????? ????????????? ?? ????? progressive ?? ????? interlaced ?? ????? interlaced
????????? ?? ??? ?????? ?? ??? ?????? ?? ??? ??????
?????????? ?????? ????????? ??????? ???????, ????????? ? ????????????? ???????????
28
????????? ?? ????????? ??????? JPEG, GIF ? PNG

• ????????? ?? ????????? ?? Web ???????? (??????
  ??? 2004)

??????? JPEG GIF PNG
Opera ?? ?? ??
Internet Explorer ?? ?? ??????? (?? ???????? ????-?????)
29
???????? ??????? ???????

• EPS (Encapsulated PostScript)
• WMF (Windows Meta File)
• SVG (Scalable Vector Graphics)

30
EPS (Encapsulated PostScript)

• ?????????? ?? ????? - .eps
• ??????? ?????????? ????? ?? ???????? ???? ? ??
  ???????? ???????
• ???????? ?? ??????? ? ????????????? ??????????
• ?????? - DCS 1.0 ? DCS 2.0
• ??????????
• ???????????????
• ???????????? ?? ??????? CMYK
• ???????????
• ???????? ????? ?? ?????????? PostScript ???????

31
EPS (Encapsulated PostScript)

• DCS (Desktop Color Separation)
• ?????? DCS 1.0
• ???????????? ?? ??????? CMYK ? Multichannel
• ??????? ESP ????? ?? ??? ??-????? ?????, ?? ????
  ?? C, M, Y, K ? ???? ?? ????????????? ??????
• ???????? ??? ????? ?????? ?? ?? ?????????? ? ????
  ? ???? ?????
• ?????? DCS 2.0 ???? ????? ????????????
  ???????????, ?????????
• ???? ???? ?????
• ?????? ?? ??????? spot
• ?????????? ?? ??????????? ?? ?????? ??????? ??
  ???????? ??????????? ???? ?????????

32
WMF (Windows Meta File)

• WMF (Windows Meta File)
• ?????????? ?? ????? .wmf
• ???????? ?????? ??????
• ??????????
• ?????????? ?? ????????????? ?? ??????? ???
  ??????? ?? ?? ???????
• ???????????
• ?????????? (??????????? ??????? Windows)

33
SVG (Scalable Vector Graphics)

• ???? ?? ????????
• ???????? ???????
• XML ? Web ??????????

34
?????????? ??????????

• ????????????? ?????????? ??????? ?? ?? ? ?
  ????, ?. ??????, ?. ???????, ???? ??????, 2001
  ?. ???? ????? ?????????? ???????
• Photoshop 5 ? 5.5 Artistry, ???? ?????, ?????
  ????????, ???? ???, 200 ?. ???? 6 ???????
  ??????? ? ????????? ?? ???????????, ???? 42
  ???????? ??? ????????? ?? ??????????? ?? Web ?
  ???????? ?? 8-??????? ????
• Adobe Photoshop 5 ????? ???????????, ????
  ?????????, ??? ?????????, ???? ????, 1998 ?.
  ????? 20 ????????? ?? ??????????? ??? Web,
  ?????????? ? ??????? ?????, ?????????? ?
  ??????????? ? ???????????? ?? ???????

35
????? ?????????

• http//www.j-a-b.net/web/graf/
• http//www.webopedia.com/TERM/g/graphics_file_form
  at.html
• http//www.flex.net/paulwayne/pc_ops/Graphxff.htm
  l
• http//www.why-not.com/articles/formats.htmHIGHCO
  MPRESSION
• http//www.reasoft.com/articles/formats-1.shtml
• http//www.techwr-l.com/techwhirl/magazine/technic
  al/graphicfileformats.html
• http//www.formatguide.com/fileformat/fileformat.a
  spWMF
• www.cica.indiana.edu/graphics/image.formats.html