Блог репетитора по информатике

Типы файлов для изображений

Формат или тип — это информация о файле, по которой система понимает, какого он вида и в какой программе его открыть. По типу файла система понимает, что это текстовый или табличный файл, или видео.

Для этого у каждого файла есть расширение.

Расширение — это несколько английских букв и/или цифр. Находятся они сразу после имени файла и разделяются точкой. Например, Дракон.jpg и операционная система понимает, что jpg - это расширение, указывающее, что этот файл - картинка. Расширение doc - текстовый файл и т.д.

На самом деле для изображений существует достаточно много различных расширений.

Мы разберём 3, которые достаточно часто встречаются :

?jpg

?png

?gif

jpg- самый распространенный и простой. Файлы с таким расширением обычно имеют достаточно маленький объем в байтах (по сравнению с другими). Те, кто работает с обработкой изображений или с их созданием, пользуется jpg самом финале работы, так как качество картинки теряется из-за сжатия, которое применяется при сохранении в таком типе файла.

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

gif - файлы с таким расширением очень распространены в интернете. Они позволяют сохранять "кадры", что мы видим как движущиеся изображения. Помимо кадров gif позволяет сохранять области с полностью прозрачными областями. То есть либо полностью прозрачный (например, фон), либо полностью закрашенный (дракон).

Проведём первый эксперимент

В графических программах можно создавать изображения без фона или удалять фон. В программе Photoshop (фотошоп) я удалила фон, оставив только фигуру дракончика

А теперь сохраню этого дракончика в трёх типах файлов: jpg, png, gif.

Посмотрите на картинку ниже: разницу сейчас между png и gif не видно, так как прозрачность фона равна нулю, а дракон полностью непрозрачен. А вот в формате jpg фон стал белым.

Делаем вывод, что jpg не может сохранять прозрачности вообще, он их меняет на белый цвет, а png и gif могут.

Теперь проведём второй эксперимент

На прозрачном фоне сделаем в самого дракона с прозрачностью 40%. Посмотрим как сохраняются разные уровни просзрачности в разных форматах файла, снова сохранив в jpg, png и gif форматах

Вот что получилось на этот раз

Делаем вывод:

jpg - Заменился прозрачный фон на белый, а дракон теперь кажется блёклым из-за своей прозрачности (белый фон «просвечивает»).

png - Прозрачный фон самой картинки присутствует и прозрачность самого дракоши тоже прекрасно видна (просвечивают точки заднего фона)

gif - Прозрачность фона присутствует, так как она 100%, а вот дракон остался полностью закрашенным, хотя в программе он полупрозрачный. Делаем вывод, что gif-формат распознаёт только 100% прозрачность. Полумер он не признаёт.

 

Пишите и подписывайтесь на мой канал в "Репетитор по информатике Анна Воробьева"