P
pro·school.ru
Каталог школ

Форматы графических файлов

💻 Информатика · 7 класс

Что такое формат графического файла

Формат графического файла — это способ хранения изображения на диске: как именно закодированы точки, цвета и служебные сведения о картинке. От выбранного формата зависят качество изображения, размер файла и возможность редактирования. Все графические форматы делятся на две большие группы — растровые и векторные.

Растровые и векторные форматы

Растровое изображение состоит из пикселей — мельчайших цветных точек. Растровые форматы хорошо передают фотографии с плавными переходами цвета, но теряют чёткость при увеличении. Векторное изображение описывается формулами линий и фигур, поэтому масштабируется без потери качества, но плохо подходит для фотографий.

ФорматТипСжатиеПрименение
BMPрастровыйбез сжатияпростые изображения
JPEGрастровыйс потерямифотографии
PNGрастровыйбез потерьрисунки, прозрачность
GIFрастровыйбез потерьанимация, мало цветов
SVGвекторныйлоготипы, схемы

Сжатие с потерями и без потерь

Сжатие уменьшает размер файла. При сжатии без потерь восстанавливается точная копия исходного изображения — так работает формат PNG. При сжатии с потерями часть данных отбрасывается ради меньшего размера, и качество немного снижается — так работает JPEG. Для фотографий потери почти незаметны, поэтому JPEG очень популярен.

Одно фото, разные форматы: BMP — 3 000 000 байт (без сжатия) PNG — 900 000 байт (без потерь) JPEG — 200 000 байт (с потерями)

Частая ошибка. Многократное пересохранение файла в формате с потерями ухудшает качество: каждое сохранение отбрасывает новые данные. Поэтому исходники хранят в формате без потерь, а формат с потерями используют только для итогового результата.

Как выбрать формат под задачу

Выбор формата зависит от того, что изображено и где картинка будет использоваться. Для фотографии с миллионами оттенков подходит JPEG: он сильно уменьшает размер при незаметной потере качества. Для рисунка с резкими границами, надписями или прозрачным фоном лучше PNG — он не теряет качество и поддерживает прозрачность. Для логотипа или схемы, которые часто масштабируют, выбирают векторный SVG.

Что изображеноЛучший формат
ФотографияJPEG
Рисунок с прозрачностьюPNG
Простая анимацияGIF
Логотип, схемаSVG

Прозрачность и анимация

Некоторые форматы умеют хранить прозрачные участки — сквозь них виден фон страницы. Это поддерживают PNG и GIF, но не JPEG. Формат GIF к тому же способен хранить несколько кадров и показывать простую анимацию, однако использует ограниченную палитру всего из 256 цветов, поэтому для фотографий не годится.

Кратко о главном

  • Формат задаёт способ хранения изображения в файле.
  • Форматы бывают растровые и векторные.
  • Сжатие бывает без потерь и с потерями.
  • JPEG — для фото, PNG — для рисунков, SVG — для логотипов.
  • Исходники хранят без потерь, чтобы не терять качество.