Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Graphic Design
Design

Разные типы и форматы файлов

by
Length:LongLanguages:

Russian (Pусский) translation by Sweta Soloveva (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Итак, если мне удалось привлечь ваше внимание, быстро хватайте свежую чашку кофе и давайте приступим!

1. Концепция «Файла»

Независимо от того, являетесь ли вы дизайнером, геймером или простым пользователем компьютера, у вас, вероятно, была ваша доля взаимодействия с этими цифровыми существами, которые мы называем «файлами». Но вы когда-нибудь задумывались над тем, что они на самом деле, или откуда возникла концепция?

the file concept

Согласно TechTerms.com, «файл» это:

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

Компьютеры, с которыми мы работаем (будь то Mac или ПК) или любое другое современное устройство, работают с данными (информацией, настройками, командами и т. д.), которые хранятся на физическом устройстве хранения (обычно на жестком диске), используя виртуальные контейнеры, которые мы повсеместно называем «файлы».

Эти виртуальные объекты представляют собой автономные строки байтов, которые после кодирования становятся доступными для ОС (операционной системы) и любой программы, способной открывать и считывать их, что позволяет пользователю взаимодействовать с их контентом.

Идея «файла» как средства отображения данных была внедрена еще в 1981 году, когда компьютерный ученый Дэвид Кэнфилд Смит и дизайнер Норман Ллойд Кокс использовали «офисную метафору» для разработки первого современного пользовательского интерфейса для Xerox Star 8010, создание и интеграция набора значков на основе документов, предназначенных для облегчения взаимодействия между пользователями и машинами.

2. Тип файла. Формат файла. Имя файла. Расширение файла

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

Я говорю о «типе файла», «формате файла», «имени файла» и «расширении файла», которые должен стать неотъемлемой частью нашего ежедневного творческого жаргона.

2.1 Тип файла

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

Например, Windows описывает текстовый файл, созданный в Word как «документ Microsoft Word», так как файл является документом, специфичным для приложения, который может быть открыт только с использованием этого программного обеспечения. В то же время документ можно рассматривать как текстовый файл, так как данные, содержащиеся в нем, представляют собой в основном текст.

example of microsoft word file type

Если мы создадим иллюстрацию, а затем сохраним ее с использованием алгоритма сжатия PNG, Windows увидит это изображение как «файл PNG», который является открытым стандартом, который не требует, чтобы определенное программное обеспечение могло его просматривать. Тот же «PNG-файл» также является файлом изображения, поскольку данные, закодированные в нем, описывают цвет и положение его составляющих пикселей.

example of png file type

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

  • Текстовые файлы содержат текстовые данные, такие как журналы, целые документы или простые заметки.
  • Файлы данных устанавливаются приложениями или создаются пользователем и содержат библиотеки, файлы проектов и сохраненные документы.
  • Аудиофайлы содержат данные осциллограммы, которые можно воспроизводить с помощью программного обеспечения для воспроизведения звука.
  • Файлы изображений содержат связанные с изображениями информационные блоки.
  • Видеофайлы содержат широкий диапазон кодированных видеоданных.
  • Файлы eBook содержат книги, предназначенные для просмотра на eReaders.
  • Файлы базы данных хранят данные в структурированном формате, организованном в таблицы и поля.
  • Исполняемые файлы содержат код, который запускается при открытии файла.
  • Игровые файлы содержат сохраненные файлы видеоигр и файлы, на которые ссылаются видеоигры.
  • Файлы CAD содержат 2D или 3D-проекты (обычно модели или архитектурные планы), созданные программным обеспечением САПР.
  • Файлы GIS содержат данные, относящиеся к устройствам GPS и картографическому программному обеспечению.
  • Веб-файлы содержат данные веб-сайта и веб-сервера.
  • Шрифтовые файлы содержат один или несколько шрифтов, к которым могут обращаться операционная система и приложения.
  • Системные файлы содержат системные библиотеки, значки, темы, драйверы устройств и т. Д.
  • Файлы настроек содержат настройки для операционной системы и приложений.
  • Сжатые файлы используют алгоритмы сжатия для сжатия и хранения любых других типов файлов.
  • Файлы образа диска содержат целые копии раздела жесткого диска или другого типа носителя.
  • Файлы разработчиков содержат данные, относящиеся к разработке программного обеспечения, такие как исходный код, библиотеки кода и т. Д.
  • Backup файлы содержат резервные копии файлов.

Более полный список можно найти на FileInfo.com, где вы можете просмотреть различные категории/типы, чтобы точно определить, для чего они используются.

2.2. Формат файла

Согласно Википедии, «формат файла» это:

«Стандартный способ кодирования информации для хранения в компьютерном файле. Он указывает, как биты используются для кодирования информации на цифровом носителе. Форматы файлов могут быть либо проприетарными, либо бесплатными и могут быть либо неопубликованными, либо открытыми».

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

Например, файл Microsoft Word использует формат .docx, который состоит из файла XML (Типы контента) и трех папок (_rels, docProps, word), которые скрыты в своей структуре, если вы не распакуете файл, как Степан Яковенко демонстрирует это в неофициальное введение в DocX.

example of word document file format

Файл изображения, сохраненный в PNG, появится с использованием формата файла .png, который состоит из заголовка файла, который начинается с 8-байтной сигнатуры, за которой затем следует серия фрагментов, которые передают определенную информацию о самом изображении (Википедия).

example of png file format

2.3. Имя файла

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

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

example of word document file name

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

2.4. Расширение файла

Наконец, что не менее важно, у нас есть «расширение файла», которое является суффиксом, найденным в конце имени файла. Этот суффикс не только сообщает вам, с каким типом файла мы имеем дело, но также определяет, какую программу следует использовать для его открытия, а также какой значок должен отображаться (TechTerms.com).

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

example of word document file extension

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

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

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

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

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

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

3.1. Что такое изображение?

С этимологической точки зрения существительное, как полагают, происходит от латинского слова «imam» (именительное имаго, ок. 1200) и первоначально использовалось для описания «скульптурного искусственного изображения, которое выглядит как человек или вещь», предназначено для копирования или имитации реального объекта.

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

Согласно онлайн-версии словаря Merriam Webster, «изображение» (ɪmɪdʒ) теперь определяется как:

«Визуальное представление чего-либо: например, (1): изображение объекта, созданного на фотографическом материале (2): изображение, полученное на электронном дисплее (например, на экране телевизора или компьютера)».

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

Конечно, любое цифровое изображение может быть преобразовано в физическое в процессе печати, но сам файл останется сохраненным в хранилище компьютера.

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

3.1.1. Растровые изображения

raster based image file

Согласно онлайн-словарю Merriam Webster «растр» определяется как:

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

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

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

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

Например, если мы возьмем изображение размером 800 x 600 пикселей и уменьшим его, составляющие пиксели будут сжиматься, сохраняя общее качество. С другой стороны, если бы мы увеличили его масштаб, то процесс изменения размера расширил бы поверхность каждого составляющего пикселя, тем самым ухудшая его качество, что привело бы к тому, что мы обычно называем «пикселизацией».

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

Наиболее распространенными файлами растровых изображений являются JPEG, GIF, PNG, TIFF и PSD.

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

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

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

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

3.1.2. Векторные файлы изображений

vector based image file

Согласно OxfordDictionaries.com, в физике вектор определяется как:

«величина, имеющая направление, а также величину, особенно для определения положения одной точки в пространстве относительно другой».

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

По сравнению с растровыми изображениями векторное изображение состоит из серии открытых и/или закрытых путей, которые математически описываются рядом точек, называемых якорями или узлами. Эти точки помогают определить различные составляющие фигуры, используя линии и/или кривые (TechTerms.com).

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

Наиболее распространенные векторные файлы изображений - это AI, EPS, PDF и SVG.

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

4. Форматы файлов изображений

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

Как и следовало ожидать, существует два основных типа форматов файлов, которые определяются характером составления данных.

4.1. Растровые форматы файлов

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

4.1.1. JPEG

jpeg image format

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

JPEG (произносится как jay-peg) является аббревиатурой от "Joint Photographic Experts Group" и является растровым форматом, основанным на сжатии с потерями, используемом для цифровых изображений, особенно тех, которые создаются цифровой фотографией, который был обнародован в 1992 году.

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

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

Преимущества

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

Недостатки

  • Формат JPEG не поддерживает альфа-каналы (прозрачность).
  • После сохранения изображения в этом формате любая потеря качества будет постоянной, если исходный файл был удален.
  • Процесс изменения размера или масштабирования приведет к снижению качества.

Рекомендуемый вариант использования

  • Небольшой размер файла делает формат JPEG подходящим для большинства случаев использования, таких как веб-сайты, визуальные презентации или предварительный просмотр проектов, для которых не требуется изображения с очень высоким разрешением.
  • Хотя формат не является самым высоким с точки зрения качества, его можно уверенно использовать при печати с низким разрешением, такой как текстовые документы, сопровождаемые изображениями.
  • Из-за своей предполагаемой природы формат JPEG лучше всего ассоциируется с цифровыми фотографиями, но его также можно использовать для экспорта векторных изображений, таких как иллюстрации, иконки и т. д. Однако он будет иметь больший размер файла по сравнению с PNG.

4.1.2. GIF

gif image format

GIF (произносится как jif) означает «Graphics Interchange Format» и представляет собой формат растровых изображений без потерь, созданный еще в 1987 году, который быстро стал широко использоваться в Интернете благодаря небольшому размеру файла, определяемому доступным ограничением цвета (всего 256 цветов), и способность поддерживать прозрачность и анимацию.

Преимущества

  • Формат GIF сопоставляется с очень маленьким размером файла.
  • Позволяет вам вставлять анимации в один файл.
  • Дает вам возможность использовать прозрачный фон.

Недостатки

  • По сравнению с JPEG качество изображения намного ниже.
  • После редактирования и экспорта любые изменения содержимого изображения являются постоянными.
  • Из-за более низкого качества формат не является приемлемым для печати.
  • Процесс изменения размера или масштабирования приведет к снижению качества.

Рекомендуемый вариант использования

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

4.1.3. PNG

png image format

PNG (произносится как ping) - это популярный формат растровых изображений, который расшифровывается как «Portable Network Graphics» и был разработан как замена GIF без потерь.

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

Преимущества

  • Формат файла PNG является отличным решением для представления иллюстраций на цифровом носителе, особенно для Интернета, благодаря более широкой цветовой гамме и четким деталям.
  • Он имеет небольшой размер по сравнению с файлами JPEG.
  • Это дает вам возможность использовать прозрачный фон.

Недостатки

  • При использовании с фотографиями формат PNG может в конечном итоге увеличить общий размер файла конечного проекта.
  • Поскольку формат предназначался для использования в Интернете, печать любого файла PNG всегда приведет к неожиданному или менее желательному результату.
  • Процесс изменения размера или масштабирования приведет к снижению качества.

Рекомендуемый вариант использования

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

4.1.4. TIFF

tiff image format

TIFF (произносится как tif) - это растровый формат без потерь, разработанный корпорацией Aldus в 1986 году и предназначенный для печати с высоким разрешением.

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

Преимущества

  • Формат файла TIFF обеспечивает высочайший уровень качества, когда речь идет о проектах на основе фотографий, которые должны быть распечатаны.
  • Это дает вам возможность редактировать изображение позже, если его слои не объединены.
  • Это универсальный формат, поддерживаемый большинством растровых / векторных программ.

Недостатки

  • Формат TIFF не подходит для использования в Интернете из-за большого размера файла.
  • Может быстро увеличить размер файла проекта.

Рекомендуемый вариант использования

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

4.1.5. PSD

psd image format

PSD расшифровывается как «Photoshop Document» и является проприетарным растровым форматом Adobe, который позволяет пользователям добавлять слои и эффекты к изображению, предоставляя им возможность редактировать файл позже в любое время.

Преимущества

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

Недостатки

  • Это собственный формат Adobe, который означает, что файл можно открывать и редактировать только с помощью собственного программного обеспечения Adobe Photoshop или другого поддерживающего его программного обеспечения, такого как GIMP или CorelDraw.
  • Это не формат файла, который можно просматривать в браузерах.

Рекомендуемый вариант использования

  • Формат файла PSD - отличное решение для тех проектов, где нужно ретушировать фотографии или иллюстрации.

4.2. Векторные форматы

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

4.2.1. AI

ai image format

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

Преимущества

  • Формат файла AI отлично подходит для создания и обмена векторными изображениями.
  • Это векторный формат, который позволяет пользователю редактировать его в любой момент времени.
  • Это дает вам возможность масштабировать любое векторное изображение практически в любой степени без потери качества.
  • Он имеет небольшой размер файла.

Недостатки

  • Это собственный формат файлов Adobe, что означает, что его можно открывать и редактировать только с помощью собственного программного обеспечения Illustrator или другого программного обеспечения, которое его поддерживает.
  • Файл нельзя просмотреть с помощью простого программного обеспечения для просмотра изображений.

Рекомендуемый вариант использования

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

4.2.2. EPS

eps file format

EPS - еще один векторный формат изображений, разработанный Adobe еще в 1992 году, EPS означает «Encapsulated Postscript», и этот формат предназначен для работы с различными платформами и приложениями ОС, и это то, что ему удалось успешно реализовать.

Преимущества

  • Формат файла EPS идеально подходит для обмена векторными проектами между различными пользователями программного обеспечения благодаря универсальному принятию и интеграции.
  • Имеет небольшой размер файла.

Недостатки

  • Честно говоря, я не могу придумать ни один, кроме того факта, что он не поддерживается веб-браузерами.

4.2.3. PDF

pdf image format

PDF расшифровывается как «Portable Document Format» и является еще одним форматом изображений, разработанным Adobe в 1990-х годах, способным включать как текст, так и изображения. PDF-файлы доступны из любого приложения, компьютера или ОС.

Преимущества

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

Недостатки

  • Они не могут быть отредактированы с использованием не растрового/векторного программного обеспечения.

Рекомендуемый вариант использования

  • Формат файла PDF отлично подходит для публикации и печати проекта или дизайна.

4.2.4. SVG

svg image format

SVG расшифровывается как «Масштабируемая векторная графика» и является одним из наиболее интересных доступных форматов открытых файлов, который был разработан Консорциумом World Wide Web (W3C) еще в 1999 году. Он оказался сильной альтернативой традиционным веб-изображениям благодаря небольшому размеру и удобству редактирования.

Преимущества

  • Формат файла SVG позволяет создавать и редактировать изображения с помощью любого текстового редактора.
  • Изображения SVG можно искать, индексировать, создавать сценарии и сжимать.
  • Они масштабируются без потери качества.
  • Изображение может быть увеличено без пикселизации.
  • Это открытый стандарт.

Недостатки

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

Рекомендуемый вариант использования

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

Это заключение!

Как всегда, я надеюсь, что вы нашли чтение полезным и достойным вашего времени, и если у вас есть какие-либо вопросы или предложения по обратной связи, пожалуйста, не стесняйтесь размещать их в разделе комментариев, и я свяжусь с вами, как только смогу!

Расширьте свои дизайнерские навыки!

Только что закончил читать статью и хочется больше знаний?! Что ж, вам повезло, так как я взял на себя смелость собрать этот небольшой список уроков и статей, которые должны занять вас в течение следующих дней!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.