Как и когда использовать самые распространенные форматы графических файлов

Вы когда-нибудь вспоминали над тем, чем отличаются такие виды форматов графических файлов, как JPG и PNG, и в каких случаях любой из них надлежит применять?

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

Терминология

Векторная и растровая графика
Высокое разрешение против низкого

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

Сжатие изображений

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

Формат графического файла JPG
Формат графического файла PNG
Формат графических файлов GIF
Формат графических файлов BMP
Формат графических файлов TIFF
Формат графических файлов PSD
Формат графических файлов PDF
Формат графических файлов EPS
Формат графических файлов AI
Формат графических файлов INDD

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

Заключение

ТерминологияВекторная и растровая графика

Перед тем как обрисовывать форматы растровых, векторных графических файлов, необходимо разобраться, чем отличается растровая графика от векторной.Как и когда использовать самые распространенные форматы графических файлов

Растровые изображения складываются из тысяч и сотен последовательностей пикселей. Такие форматы, как JPG, PNG и GIF — самый распространенные растровые типы файлов графических форматов.

Каждая картина, которую вы видите в сети, — это пример растрового изображения в том либо другом формате графического файла. HTML фактически не поддерживает векторную графику.

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

Исходя из этого растровые иллюстрации нужно сохранять в тех пропорциях, в которых они после этого будут использованы.

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

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

Если вы не уверены, имеется ли у вас в наличии векторное изображение логотипа, сделайте звонок в типографию, которая печатает всю вашу продукцию. В 99% у них будет векторный вариант вашего лого.

Высокое разрешение против низкого

Довольно часто ли вы слышали от собственного дизайнера такие сокращения как DPI и PPI? Раскроем вам тайну. DPI, другими словами dots per inch (количество точек на дюйм), и PPI, соответственно, pixels per inch (количество пикселей на дюйм) — это единицы измерения, каковые используются для чёрта разрешения изображения.

И как раз они указывают на его пригодность и качество изображения для тех либо иных потребностей. К примеру, значения DPI либо PPI для изображений, каковые вы собираетесь размещать на лендинге, могут быть равны 72. Это низкое разрешение, но в сети, где любой байт информации на счету, такие изображения будут кстати.

Одновременно с этим если вы планируете распечатать изображение, то ниже значения 300 dpi мы вам опускаться не рекомендуем. Не пробуйте одурачить совокупность. В таких программах, как Photoshop, вы имеете возможность делать что угодно, но из пустоты дополнительных пикселей вы не получите.

Забрать изображение из сети и подогнать его под значения для печати не следует кроме того пробовать: распечатанная картина будет далека от идеала.

  • Изображения как реализовывающий контент

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

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

Универсальные растровые форматы: JPEG, PNG, GIF, BMP, TIFF.

Универсальные векторные форматы: EPS, Windows Metafile, DXF, SVG, HP-GL.

Сжатие изображений

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

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

  • Эволюция веб-дизайна — 20 лет за 5 мин.!

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

Перечислим главные форматы графических файлов и разглядим любой из них.

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

JPEG (либо JPG) — Joint Photographic Experts Group (по заглавию разработчика)

JPG — это один из самых популярных форматов графических файлов, применяющих сжатие. Данный формат активно используется в фотографии и для передачи изображений в сети. Среди его преимуществ — высокая степень сжатия (довольно вторых форматов) и низкая вычислительная сложность.

Какие конкретно расширения смогут иметь графические форматы файлов JPEG? В большинстве случаев это .jpeg, .jfif, .jpg, .JPG, либо .JPE.

Недочёт у JPG лишь один, но он значительный: по мере сжатия изображение теряет в качестве. Другими словами для чертежей, текстовой графики и медицинских изображений данный формат не подходит совсем.

Применяйте формат графического файла JPG для оформления собственных посадочных страниц и для печати фотографий в высоком разрешении.

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

PNG — Portable Network Graphics (портативная сетевая графика)

PNG совершенен для оформления интернет-страниц, но мало пригоден для печати. Изображение этого формата не утратит в качестве, даже если вы станете обрабатывать его в графическом редакторе.

Веб-дизайнеры обожают формат PNG, по причине того, что он разрешает сохранять изображения с прозрачным фоном. А прозрачный фон дает вам довольно широкие возможности при создании дизайна сайта.

  • Как применять правила дизайна для повышения конверсии

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

GIF — Graphics Interchange Format (формат для обмена изображениями)

Формат GIF нам знаком по анимированным рекламным баннерам. В более несложной форме GIF изображения состоят всего лишь из 256 цветов в цветовом пространстве RGB. Как раз из-за ограниченного числа цветов gif-изображения весят мало.

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

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

BMP — Bitmap Picture

BMP — это один из первых растровых форматов, и его распознаёт любая программа для работы с графикой. Файлы формата BMP смогут иметь расширения .bmp, .dib и .rle. Данный формат весит больше, чем JPG, и подходит для полиграфии меньше, чем TIFF, исходя из этого на данный момент BMP практически нигде не употребляется.

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

TIFF — Tagged Image File Format

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

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

PSD — Photoshop Document

PSD — это формат популярного графического редактора Adobe Photoshop. Данный формат разрешает сохранять так именуемые слои, благодаря которым в программе и производится создание и обработка графики.

Photoshop разрешает сохранять изображения во всех обрисованных выше форматах.

Главный недочёт этого редактора в том, что он трудится лишь с растровой графикой.

  • 7 актуальных трендов веб-дизайна

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

PDF — Portable Document Format (портативный формат документа)

Формат PDF был изобретен компанией Adobe в качестве универсального инструмента для обмена графикой. Ваш дизайнер может сохранить векторный логотип компании в формате PDF, а вы легко имеете возможность открыть его без каких-либо графических редакторов (в случае если, само собой разумеется, заблаговременно установите бесплатное приложение Adobe Reader) и потом применять для предстоящей работы.

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

EPS — Encapsulated Postscript (формат, базирующийся на подмножестве языка PostScript)

Данный формат есть представителем векторной графики и употребляется для и печати изображений в высоком качестве.

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

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

AI – Adobe Illustrator Document

Ai — это, без сомнений, один из самых популярных форматов, применяемых опытными дизайнерами, а Adobe Illustrator — это программа, которая уже давно стала незаменимым инструментом в их арсенале.

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

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

INDD — Adobe Indesign Document

Данный формат графики создается в программе Adobe Indesign, в которой в большинстве случаев производится верстка журналов и газет.

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

Ещё один увлекательный вид изображений — ASCII графика. Главное различие между форматами растровых графических файлов и ASCII графикой содержится в том, что последняя состоит не из пикселей, а из буквенных и цифровых знаков и знаков препинания, входящих в таблицу знаков ASCII.

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

Заключение

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

Пользуйтесь отечественными нехитрыми рекомендациями, осваивайте красочный мир графики и творите незабываемые шедевры на ваших лендингах.

Высоких вам конверсий!

По данным blog.hubspot.com, image source Dung Hoang

Случайные статьи:

Форматы файлов


Подборка похожих статей:

riasevastopol