Как правило, тип файла можно определить по последним буквам его имени. Эти буквы называют расширением имени файла. Различные программы предоставляют различные расширения файлам, которые они хранят.
Какой тип файла следует использовать
В большинстве случаев лучше использовать формат JPEG (.Jpg) , поскольку он позволяет сохранять изображения высокого качества в файлах небольшого размера благодаря сжатию данных. Этот формат лучший для хранения и распространения изображений.
Если требуется очень высокое качество изображения (например, для печати увеличенного изображения размером 8х10 дюймов), следует использовать формат TIFF (.Tif) или формат JPEG с наименьшим сжатием.
Преимущества и недостатки общих типов файлов
Преимущества формата JPEG
- Большинство программ могут открывать и сохранять изображения в формате JPEG.
- Изображения в формате JPEG удобно отправлять по электронной почте благодаря небольшому размеру файла.
- Поскольку формат JPEG позволяет изменять уровень сжатия при сохранении, можно контролировать размер файла и качество изображения.
Недостатки формата JPEG
В формате JPEG изображения автоматически уплотняются при сохранении, что незначительно ухудшает качество изображения. Если использовать высокий уровень уплотнения, качество изображения может быть достаточно низким.
Преимущества формата TIFF
При сохранении изображений в формате TIFF качество не теряется.
Недостатки формата TIFF
Некоторые программы, в том числе большинство браузеров, не могут отображать изображения в формате TIFF.
Изображение в формате TIFF может быть очень большим (в несколько раз больше изображения в формате JPEG). Поэтому изображение в формате TIFF занимают гораздо больше места на жестком диске, чем изображение в формате JPEG.
Только очень маленькие изображения в формате TIFF пригодны для отправки по электронной почте .
Следует ли волноваться о потере качества изображения
Изображения в формате JPEG является несовершенной копией исходного изображения, которое можно увидеть через видоискатель камеры. Однако при создании фотографий высочайшего качества разницу увидеть будет трудно.
Во время каждого последующего сохранения файла в формате JPEG качество немного ухудшается, так как вы создаете копию с копии. Насколько ухудшится качество, зависит от уровня сжатия изображения.
Обычно уменьшение качества увидеть трудно, но если изображение несколько раз редактировалось и сохранялось со средним уровнем уплотнения, то, возможно, вы заметите уменьшение четкости и цветопередачи.
Для получения высокого качества изображения следует сохранять в формате JPEG с максимально возможным уровнем качества или использовать формат TIFF.
Какие типы изображений можно просматривать в Windows
Средство просмотра фотографий Windows поддерживает следующие типы изображений.
Все изобилие изображений, используемых на компьютерах, можно разделить на три больших группы. Прежде всего, 2D-графика, в которой создаются плоские (не имеющие третьей координаты) изображения, к этой группе относятся растровая и векторная графика. Затем 3D-графика и анимационная графика.
Поскольку изображения создаются с использованием специальных инструментов - графических редакторов, - рассмотрение форматов файлов невозможно без учета их особенностей. Прежде всего, что такое графический файл? В самом общем случае, это принятая в данном графическом редакторе система информации об изображении и способ ее сохранения (записи). Такая система информации может содержать как данные общего характера (представление изображения на том или ином устройстве отображения, размер, разрешение, тип принтера для печати, степень и способ сжатия информации), так и данные, являющиеся специфическими, уникальными. Такие данные создаются на этапе редактирования изображения и предназначены для последующего использования при редактировании. Так, например, файлы CorelDraw содержат информацию о кривых, файлы Photoshop - информацию о слоях, каналах и т.д. Каждый графический редактор кодирует определенным образом эту информацию при записи (сохранении) на носитель. Таким образом, под форматом графического файла следует понимать совокупность информации об изображении и способ ее записи в файл. В общем случае все графические форматы можно разделить на две группы. Форматы общего назначения содержат только само изображение и предназначены для хранения, переноса или просмотра изображений (gif, tiff, jpeg и др.) и специфические форматы, предназначенные для хранения промежуточных результатов редактирования изображений (cdr, cpt, psd, ai и др.).
Остановимся подробнее на группе 2D в силу наибольшей ее распространенности. Изображение в растровой графике представляет собой упорядоченный массив единичных элементов (пикселов для монитора или точек для принтера), содержащих информацию о цвете. Количество таких элементов определяется размером изображения и разрешением, а размер файла дополнительно зависит от используемой цветовой палитры (черно-белая или 1- битная, оттенки серого и 256 цветов или 8-битная, high color или 16-битная, true color или 24-битная). Векторная графика содержит математические описания кривых и цветовых заливок (областей, залитых одним цветом и областей градиентов), составляющих изображение. Вопрос о разрешении и цветовой палитре решается непосредственно перед выводом файла на конкретное физическое устройство и с учетом его характеристик. В полиграфии этот процесс известен как RIP - процесс растрирования изображения.
Сжатие файлов. Поскольку графические файлы, как правило, имеют большой размер, полезной оказывается возможность сжатия (упаковки) информации. В настоящее время известны два способа сжатия - без потери и с потерей качества. Алгоритмы сжатия без потерь аналогичны алгоритмам обычных архиваторов (LZH, PKZIP, ARJ). Самый известный из них LZW (LZ84) широко используется в популярных растровых форматах GIF, TIFF. Алгоритмы сжатия с потерей качества отбрасывают информацию, не воспринимаемую человеком (JPEG, PCD). Степень упаковки в этом случае гораздо выше, но происходит медленнее и может привести к ухудшению качества (в зависимости от выбранной степени сжатия). Главный недостаток этого алгоритма заключается в невозможности пересжатия без значительной потери исходного качества изображения. Поэтому сохранять в формате JPEG рекомендуется только конечные результаты редактирования, и ни в коем случае не промежуточные.
Форматы общего назначения
Microsoft Windows Bitmap (BMP)
Формат для хранения растровой графики в среде Microsoft Windows (например, экранные обои и заставки). Поддерживает 1-, 4-, 8-, 24-битный цвет. Допускает сжатие без потери качества.
Kodak Photo CD (PCD).
Разработчик - фирма Kodak. Формат предназначен для хранения слайдов и негативов, отснятых с помощью камеры типа Kodak Photo CD. В каждом файле хранится 5 копий одного изображения разного размера и качества от 192x192 до 3072x2048 пикселов. Программно записать изображение формата PCD на компьютере невозможно, возможен только импорт изображения в графический редактор, поддерживающий этот формат.
Zsoft PC PaintBrush (PCX)
Один из наиболее старых и известных форматов для хранения растровой графики. Появился чуть ли не вместе с персональными компьютерами, благодаря чему является наиболее распространенным, поддерживается практически всеми программами просмотра/редактирования изображений. Использует простейший алгоритм сжатия без потери качества RLE.
Tag Image File Format (TIFF)
Разработчики - Aldus и Microsoft. Универсальный формат для хранения растровой графики, широко используется в издательстве. Необходимо оговориться, что существует достаточно много его разновидностей, обусловленных различными алгоритмами сжатия. Наибольшей совместимостью обладает формат, использующий алгоритм LZW. Формат поддерживает 24-и 32-битный цвет (CMYK), два вида записи IBM PC и Macintosh, может хранить информацию о масках (выделенных областях изображения).
TrueVision TGA (TGA)
Разработчик - компания TrueVision. Формат используется для хранения растровой графики и обладает интересной особенностью - наряду с поддержкой 24-битного цвета имеет еще 8 бит на каждый единичный элемент изображения для хранения дополнительной информации. В частности, может содержать маску, что используется в программах видеомонтажа, например, для создания наложения двух последовательностей кадров. Известен достаточно давно и поддерживается многими графическими пакетами.
Graphics Interchange Format (GIF)
Разработан корпорацией CompuServe в 1987 г. для хранения растровой графики. Реализовал один из самых эффективных для своего времени (87г) способов сжатия LZW. Позволяет выводить изображение на экран за четыре прохода, давая возможность просмотра изображения до его окончательной прорисовки. В 1989 г. появилась новая версия GIF 89a. Этот формат поддерживает сохранение в одном файле нескольких изображений, анимационной последовательности, цвет прозрачности для целей наложения изображений друг на друга. До сих пор широко используется для хранения и передачи небольших изображений (элементов оформления страниц) в World Wide Web.
Joint Photographic Experts Group (JPEG)
Растровый формат, своей популярностью обязан сильной степени сжатия исходного изображения, основанной на алгоритме сжатия с потерей качества. Однако касается это прежде всего 24- и 8-битных изображений. Существует несколько разновидностей, обусловленных разными алгоритмами сжатия и способами вывода на экран (постепенная отрисовка аналогично gif). Также широко применяется в WWW, в основном для передачи больших изображений.
Специфические форматы
Как уже говорилось выше, эта группа форматов предназначена в основном для "внутреннего" употребления (хранения промежуточных результатов редактирования изображений). Помимо информации о самом изображении, файлы содержат массу данных служебного характера, которые не могут быть правильно интерпретированы другими программами просмотра/редактирования. К таким данным может относиться информация о шрифтах, слоях, выделениях (масках), кривых, спецэффектах и пр. Наиболее распространенными форматами являются для векторной графики - cdr (Corel Draw) и ai (Adobe Illustrator), для растровой графики - psd (Adobe Photoshop) и cpt (Corel PhotoPaint). Как правило, конечное изображение (т.е. изображение, предназначенное для публикации) импортируется в один из форматов общего назначения в зависимости от целей публикации (gif или jpeg для Internet, tiff для издательских систем и т.д.).
Игорь СИВАКОВ
Здравствуйте, уважаемые друзья. Сегодня поговорим о том, какой формат изображения лучше использовать на сайте, какие сегодня доступны форматы графических файлов для сайта и нужно ли гнаться за новинками графических форматов.
Таких вопросов я получаю довольно много, многие из моих учеников спрашивают можно ли им использовать новые форматы SVG и WebP, и где лучше применить эти изображения. Разумеется, можно использовать и новые форматы, только нужно понимать какой формат и для чего подходит лучше.
На сегодняшний день изображения на сайте являются неотъемлемой частью. Начиная от графического дизайна и закачивая изображениями в статьях, графика сопровождает большинство сайтов в сети. Но за красоту приходится расплачиваться
Не оптимизированные изображения являются одним из факторов замедления сайта, на что указывают сервисы проверки.
Поэтому вы будете всегда перед выбором, какой формат выбрать для изображения. От этого будет зависеть его размер и качество. А чтобы использовать изображения меньшего размера и без потери качества, вы должны знать некоторые вещи.
Какие изображения для сайтов использую сегодня
Все изображения для сайтов, подразделяются:
- растровые (пример — JPG, JPEG, GIF, PNG),
- векторные (пример — SVG).
Растровые изображения состоят из пикселей, в которых хранится цвет и значение прозрачности. Такими форматами представлены изображения в статьях, кнопками, иконками и элементами дизайна. Эти изображения популярны среди разработчиков и владельцев сайтов. Основной минус растровых изображений – они плохо масштабируются.
То есть при увеличении размера картинки, идёт потеря качества.
Векторные изображения состоят из линий и точек маршрутов. Информация об изображении хранится в математических инструкциях по отрисовке, что позволяет масштабировать такие изображения сколько угодно без потери качества.
Все эти изображения могут и используются на современных сайтах. Только нужно понимать, что перед загрузкой на сайт, !
Описание популярных форматов изображения для сайта
Из описания этих форматов вы поймёте, где и какой формат применять лучше всего на сайте.
JPEG
JPEG или JPG – один из самых популярных форматов изображений для сайтов. Формат поддерживает миллионы цветов, что и даёт ему лидирующую позицию в представлении фотографий и картинок на сайте.
Изображения в этом формате достаточно хорошо оптимизируются практически без потери качества, что позволяет получить файл меньшего размера без визуальной потери качества. Следует помнить, что каждая последующая оптимизация снижает качество.
Файлы этого формата поддерживаются всем устройствами и браузерами, что ещё раз подтверждает его популярность и позволяет не беспокоиться за проблемы с отображением на сайтах.
Большим недостатком этого формата является отсутствие прозрачности. То есть, комбинировать изображения в таком формате не получится. Для таких задач лучше использовать следующий формат.
PNG
Этот формат использует алгоритм сжатия без потери качества. По количеству цветов и уровню прозрачности доступен в двух видах 8 и 24-бит. Оба поддерживают прозрачность.
8-битный пользуется малой популярностью, а вот 24-битный широко используется для различных изображений на сайте. За счёт прозрачности позволяет создавать комбинированные изображения. Часто используется для создания анимированных кнопок, иконок, где необходим эффект прозрачности.
Изображения в формате PNG можно много раз оптимизировать, редактировать – оно сохранит первоначальное качество.
Формат также поддерживается всеми браузерами и устройствами, что гарантирует его отображение на любом экране.
По качеству изображения выглядят лучше, чем JPG, но вес файла будет больше. Это нужно учитывать при размещении файлов на сайте.
GIF
Это 8-битный формат, поддерживающий 256 цветов, прозрачность и анимацию. За счёт поддержки малого количества цветов, вес файла тоже минимальный.
Формат не подходит для фотографий и изображений с широким диапазоном цветов.
Зато широко используется при создании , баннеров, кнопок, иконок и так далее.
В современных сайтах этот формат используется всё реже.
Далее поговорим об относительно свежих форматах SVG и WebP, которые не так популярны, но набирают популярность и поддержку, и как нельзя лучше подходят под требования скорости загрузки и адаптивности сайтов.
SVG
Это формат векторных файлов на основе XML. Формат стал набирать популярность совсем недавно, так как ранее он слабо поддерживался в браузерах. И из-за проблем отображения никто не торопился его использовать.
На сегодняшний день SVG поддерживается всеми современными браузерами. Но, проблемы с отображением все, же встречаются.
Наиболее часто используют этот формат для простых изображений, таких как логотипы, элементы дизайна и так далее. Неприменим для фотографий.
Формат SVG имеет малый вес, отлично масштабируются, обеспечивая чёткость изображения на любом разрешении экрана, поддерживает анимацию, можно управлять через CSS и размещать в HTML, сокращая количество запросов.
WebP
Формат с открытым исходным кодом, разработан Google специально для интернета. Сегодня YouTube использует преобразование миниатюр для видео в формат WebP.
Формат обеспечивает превосходное сжатие и поддерживает прозрачность. Он сочетает в себе преимущества JPG и PNG форматов без увеличения размера файла.
Но, несмотря на преимущества формата, он поддерживается не всем браузерами, например, IE, Edge, Firefox и Safari.
Существуют способы обхода этих ограничений, но они не дают использовать формат повсеместно.
Заключение
Друзья, надеюсь, объяснил всё понятно, и вы теперь знаете, какой формат изображений лучше использовать на сайте, и почему я не настаиваю на использовании одного какого-то формата, а рекомендую комплексный подход.
Возможно, когда WebP получит широкую поддержку, мы все перейдём на него и заменим jpg и png на своих сайтах.
Давайте обсудим в комментариях, какие вы используете форматы на своих сайтах, что нравится и что не нравится.
На сегодня у меня всё, жду ваших комментариев.
С уважением, Максим Зайцев.
Краткая аннотация: Методы сжатия графических данных. Сохранение изображений в стандартных форматах, а также собственных форматах графических программ. Преобразование файлов из одного формата в другой.
Цель: знать методы сжатия графических файлов, уметь различать форматы графических файлов и понимать целесообразность их использования при работе с различными графическими программами.
Изображение характеризуется максимальным числом цветов, которые могут быть в нем использованы, то есть иметь различную глубину цвета . Существуют типы изображений с различной глубиной цвета - черно-белые штриховые, в оттенках серого, с индексированным цветом, полноцветные. Некоторые типы изображений имеют одинаковую глубину цвета, но различаются по цветовой модели. Тип изображения определяется при создании документа.
Полутоновые изображения.
Эти изображения содержат пиксели одного цвета, но разной яркости. Каждый пиксель может принимать 256 различных значений яркости от 0 (черный) до 255 (белый). Этого вполне достаточно, чтобы правильно отобразить изображение, например, черно-белую фотографию.
Любое изображение можно превратить в полутоновое. Если исходный материал, например, цветная фотография, то она станет монохромной.
Рис.
1.7.
Изображения с индексированными цветами
Индексированные цвета называются так по той причине, что в этом режиме каждому пикселю изображения присваивается индекс, указывающий на определенный цвет из специальной таблицы, называемой цветовой палитрой. В индексированных палитрах не бывает более 256 цветов, однако может быть гораздо меньше. Чем меньше цветов в палитре, тем меньше памяти требуется для хранения цвета каждого пикселя и, следовательно, тем меньше размер файла изображения.
Рис. 1.8.
Полноцветные изображения
Полноцветные изображения не имеют никаких ограничений по количеству цветов и могут быть представлены более чем 16 млн оттенков.
Рис. 1.9.
Форматы графических файлов
Формат - структура файла, определяющая способ его хранения и отображения на экране или при печати. Формат файла обычно указывается в его имени, как часть, отделённая точкой (обычно эту часть называют расширением имени файла).
Расширение - это несколько букв или цифр, находящихся после точки в имени файла.
Например, окончание имени (расширение) ".txt" обычно используют для обозначения файлов, содержащих только текстовую информацию, а ".doc" - содержащих текстовую информацию, структурированную в соответствии со стандартами программы Microsoft Word. Файлы, содержимое которых соответствует одному формату, называют файлами одного типа.
Форматы графических файлов определяют способ хранения информации в файле (растровый, векторный), а также форму хранения информации (используемый алгоритм сжатия).
Сжатие применяется для растровых графических файлов, т.к. они имеют достаточно большой объем.
В таблице 1 приведена краткая характеристика часто используемых графических форматов файла.
| Формат | Режим изображения | Тип графической информации | Применение |
|---|---|---|---|
| ВМР | Только индексированные цвета | Рисунки типа аппликации, содержащие большие области однотонной закраски. | Формат поддерживается всеми приложениями. Не применяется в издательской деятельности из-за большого объёма файлов. |
| TIFF | Все | Рисунки типа диаграмм | Универсальный формат для хранения сканированных изображений с цветными каналами. Включает схемы сжатия для уменьшения размера файла. Важным достоинством формата является его переносимость на разные платформы. В традиционном виде TIFF можно считать предпочтительным форматом для изготовления макетов, ориентированных на типографскую печать и другие способы тиражирования. |
| PSD | Поддерживает все типы изображений | Любые изображения | Является внутренним для программы Adobe PhotoShop. Единственный формат, в котором сохраняются все сведения о документе, включая слои и каналы. Однако, готовое изображение лучше сохранять в других графических форматах, по двум причинам. Во-первых, файл PSD по размеру гораздо больше. Во-вторых, этот формат не импортируется программами верстки и объектной графики. |
| JPEG | Только полноцветные изображения в моделях RGB и CMYK | Полноценные фотографии или образцы художественной графики, включающие тонкие переливы цветов. | Предназначен для сохранения точечных файлов со сжатием. Сжатие по этому методу уменьшает размер файла от десятых долей процента до ста раз (практический диапазон - от 5 до 15 раз), но сжатие в этом формате происходит с потерями качества (в пределах допустимого). Очень эффективный алгоритм сжатия обусловил широчайшее распространение JPEG в среде World Wide Web. Использование этого формата в полиграфии не рекомендуется. |
| GIF | Только индексированные изображения | Рисунки типа диаграмм - изображения имеют большие области однородной окраски с четко очерченными границами; анимированные изображения | Создан специально для передачи изображений в глобальных сетях. Обладает самым эффективным методом сжатия, что необходимо для сокращения времени передачи изображений. Новая версия допускает хранение в одном файле нескольких изображений. Чаще всего такая возможность используется на страницах Web. Web-браузер демонстрирует изображения, находящиеся в файле GIF, последовательно. |
| PNG | Поддерживает полноцветные изображения RGB и индексированные изображения. | Цветные изображения с плавными переходами от непрозрачных к прозрачным областям | Само название формата, Portable Network Graphics, говорит о его предназначении – для передачи изображений в сетях. Возможно использование единственного дополнительного канала для хранения маски прозрачности. Имеет эффективный алгоритм сжатия без потери информации. Формат применяется на Web. |
| EPS | Все | Векторная графика, шрифты, растрированные изображения | Применяется в полиграфии. Возможно хранение информации о растрировании, контуров и кривых калибровок. |
В
сем привет. При публикации новой статьи, часто возникает вопрос, а какого формата использовать изображения в статье? В целях для достижения наилучшего результата, вы должны выбрать формат растрового изображения.
В этой статье мы кратко обсудим популярный GIF и формат JPEG, а затем проанализируем формат PNG, и развеем некоторые заблуждения по поводу использования тех или иных форматов.
Формат изображения GIF (Graphics Interchange Format)
Большинство цветных изображений и фонов в интернете, являются файлами в формате GIF. Этот компактный формат, известен тем, что его файлы изображений небольшого размера. Изображения GIF, не содержат миллионы цветов, этот показатель у него не более 256. Кроме того, формат GIF поддерживает анимацию, то есть при помощи этого формата, можно делать .
Формат GIF имеет свой индекс палитру. Он содержит индекс палитру цветов, до 256, и для каждого пиксела изображения, имеет соответствующий индекс цвета. Если вы измените изображение и сохраните его как GIF, качество изображения не будет потеряно.
Как я уже говорил формат GIF поддерживает анимацию, которая, во времена Web 1.0, показывалась в виде многочисленных мигающих изображений, вращающихся значков, и тем самым, очень сильно раздражало многих пользователей. В более цивилизованную эпоху Web 2.0, мы все же замечаем красивую анимацию «Загрузка …» в ожидании результатов запроса, чтобы обновить страницу.
GIF также поддерживает прозрачность, что является своего рода логическим типом прозрачности. Пиксель в изображении может быть, либо полностью прозрачным или полностью непрозрачным.
Формат изображения JPEG (Joint Photographic Experts Group)
JPEG не имеет предела в 256 цветов. Он может содержать миллионы цветов, поэтому и имеет большое сжатие. Это делает его пригодным для фотографий, где нужна высокая четкость, резкость и качество, поэтому большинство цифровых камер работают именно в формате JPEG.
Этот формат с потерями, то есть вы потеряете качество с каждым новым редактированием, так что если вы планируете много исправлений, лучше для хранения промежуточных результатов использовать другой формат. Тем не менее, есть некоторые операции, которые могут быть выполнены без потери качества. Такие, как растягивание изображения, поворот по оси или изменение мета-информации, такой как комментарии, которые хранятся в файле изображения.
JPEG не поддерживает прозрачность.
При оптимизации изображения в этом формате, для получения наилучших результатов установите сжатие до 50%. JPEG сжимает графику фотографического качества и глубину цвета более конкурирующих форматов, таких как GIF, а также поддерживает большую степень точности соответствия цветов.
Формат изображения PNG (Portable Network Graphics)
Этот формат был создан специально для Интернет, чтобы вытеснить формат GIF. Основное преимущество формата PNG - поддерживает 24-битный цвет и прозрачность.
PNG не имеет потерь качества, и представлен в нескольких формах, но для практических целей он используется только двух вариантах:
2. PNG24 (полноцветный)
PNG8, как и GIF, имеет палитру изображения.
Давайте сравним формат PNG8 с GIF:
Преимущества:
- PNG обычно дает меньший размер файла;
- PNG поддерживает переменную прозрачность;
Недостатки:
- Анимации не имеется;
Второй тип PNG, полноцветный PNG, может содержать миллионы цветов, также как и JPEG. Вы можете иногда видеть имена, как PNG24 или PNG32.
PNG-24 сочетает в себе черты JPEG и GIF: поддержка 24-битного цвета, сохраняет прозрачность и тем он хорош для полутонов. Размер изображения, как правило, больше, чем у JPEG. Это делает полноцветный формат PNG идеалом в тех случаях, когда размер файла не имеет значения, например, скриншоты или графические руководства.
Давайте сделаем вывод по использованию форматов:
- JPEG является лучшим форматом для фотографий.
- GIF это лучший формат для анимации.
- PNG8 - формат для: иконки, кнопки, фонов, графики сайта.
