Форматы графические: Форматы графических файлов. Растровые форматы TIFF, JPEG, CALS, BMP, PNG, PCX Векторные форматы HP-GL, DWG, DXF

Форматы графических файлов — Компьютерная графика

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

Растровые форматы

Наиболее распространенные растровые форматы — это Microsoft BMP, PCX, TIFF и TGA.

.JPG. Этот формат используется для сжатия изображения в десятки раз. Формат позволяет использовать различные степени сжатия, делая тем самым выбор либо в сторону увеличения качества, либо в сторону уменьшения файла. В профессиональной полиграфии этот формат не используется из-за существенных потерь качества изображения. Для просмотра изображения на экране монитора или для распечатки на принтере качества JPG-формата достаточно. В формате JPG используется метод сжатия jpeg. Этим методом лучше сжимаются растровые изображения фотографического качества и плохо сжимаются логотипы или схемы. В этом формате хорошо и с меньшими потерями сжимаются большие изображения с высоким разрешением 200-300 ppi и плохо сжимаются с низким разрешением 72-150 ppi. Нежелательно сохранять изображения в JPG-формате, где важны все тонкости цветопередачи, так как во время сжатия происходит отбрасывание некоторой цветовой информации. В этом формате следует сохранять только конечный вариант работы, потому что любое пересохранение приводит к новым потерям данных и превращениям изображения в кашу.

.GIF. Это формат растровой графики, созданный специально для КС. Этот формат имеет метод сжатия, который обозначается LZW. Этот формат имеет ограниченную палитру цветов. Основное ограничение GIF состоит в том, что цветное изображение может иметь не больше 256 цветов, поэтому цвета в этом формате становятся грубыми, а само изображение зернистым. Не используется в полиграфии и не рекомендуется для изображений, предназначенных для монитора или принтера. В GIF-формате пиксели изображения записываются через строку. По этой технологии, получив только часть файла уже можно увидеть изображение целиком, но с низким качеством. В случае с контрастностью изображения с четкими границами между цветами или в случае с однотонным изображением при использовании этого формата большая степень сжатия, чем JPG, причем качество не изменяется. В GIF можно оставить один-два цвета прозрачными, и они станут невидимыми в программах-браузерах просматриваемых web-страниц. Прозрачность обеспечивается за счет дополнительного альфа-канала в изображении, которое сохраняется вместе с файлом. Кроме того этот файловый формат может содержать не одну, а несколько растровых картинок, которые Интернет-браузеры могут подгружать одну за другой с указанной в файле частотой. С помощью нескольких картинок создается иллюзия движения, называемая GIF-анимацией. GIF-формат используется для создания web-страниц: баннеров (рекламных заставок), элементов фона.

PNG. Это формат, разработанный относительно недавно, предназначенный для того, чтобы заменить GIF-формат. В нем используется метод сжатия без потерь качества, который обозначается deflate. Сжатые индексированные файлы (с небольшим количеством цветов) имеют меньший размер по сравнению с аналогичными GIF-файлами. Глубина цвета в файлах может быть любой до 48 бит. В отличие от GIF-формата PNG поддерживает не только прозрачность, но и полупрозрачность. В файловом формате PNG записана информация о гаммах коррекции. Гамма представляет собой некоторое число, характеризующее зависимость яркости свечения экрана монитора от напряжения на электродах ? (ЭЛТ). Это число считывается из файла, позволяющего ввести поправку яркости при отображении. Требуется оно для того, чтобы картинки, созданные в ОС Macintosh выглядели одинаково в других ОС. Эта особенность позволяет добиться одинакового отображения информации независимо от аппаратуры пользователя.

EPS. Это самый удобный и универсальный способ хранения графических данных. Предназначен для передачи векторных и растровых изображений в издательские системы. Создается всеми программами, работающими с графикой. Этот формат используется только тогда, когда печать осуществляется на устройстве, поддерживающем язык PostScript. В формате EPS сохраняются данные в буфере обмена у всех графических программ фирмы Adobe. Вместе с EPS-файлами можно сохранять эскизы изображений. Эскиз – это копия с низким разрешением, которая сохраняется вместе с файлом EPS и позволяет увидеть, что находится внутри изображения. Открыть EPS-файл для редактирования могут только программы фирмы Adobe – Photoshop, Illustrator. Остальные графические программы могут открывать только в режиме просмотра.

PDF. Это независящий от графических программ формат для создания электронной документации, презентаций, а также для передачи графики через сети. PDF-файла создаются путем конвертирования из PostScript-файла или функцией экспорта. Программы Photoshop, Illustrator могут создавать только одностраничный файл PDF. Все данные в формате PDF могут сжиматься. Причем к разного типа информации применяются разные типы сжатия. Файл PDF может быть оптимизирован – из него удаляются повторяющиеся элементы, устанавливается постраничный порядок загрузки страниц с приоритетом сначала для текста, потом для графики. Формат PDF используется для передачи по сетям в компактном виде графики и текста. Особенностью многостраничных файлов является то, что они могут сдержать элементы, обеспечивающих поиск и просмотр электронных документов, а также могут содержать гипертекстовые ссылки и электронное оглавление. Наиболее удобным средством для работы с PDF-файлами является программа Acrobat. Причем есть 2 варианта этой программы: Acrobat Professional (для создания многостраничных файлов) и Acrobat Reader (для просмотра PDF-файлов).

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

BMP. Растровый формат, который является родным графическим форматом Windows. Поддерживается всеми редакторами. В этом формате хранятся небольшие растровые изображения, предназначенные для использования в системе Windows. Это формат невысокого качества и с низкой степенью сжатия. Его не рекомендуется использовать не для web-дизайна, не для передачи.

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

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

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

Примеры наиболее распространенных векторных форматов — AutoCAD DXF и Microsoft SYLK.

WMF. Это векторный формат, который используется графическими программами ОС Windows. Этот формат служит для передачи векторных изображений через буфер обмена в среде Windows. Этот формат принимается практически всеми программами, работающими с векторной графикой. Использовать этот формат для растровых изображений нельзя. Недостатки: искажение цвета и несохранение ряда параметров, которые устанавливаются для изображений в графических программах.

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

CDR. Это внутренний формат программы Corel Draw. Этот формат имеет большую популярность, как и сам пакет программ. Многие программы могут импортировать векторные файлы в форматы Corel Draw. В формате CDR содержаться и растровые графические объекты. В этом формате применяется компрессия, причем для векторных и растровых файлов применяется разная компрессия.

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

Наиболее распространенные метафайловые форматы — WPG, Macintosh PICT и CGM.

Форматы графических файлов — JPG, PNG, SVG, PDF.

1. Растровые форматы.
2. Векторные форматы.

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

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

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

Форматы растровых изображений, которые встречаются наиболее часто: .jpg (он же .jpeg) и png.

JPG.

Самый распространенный, узнаваемый и нестрашный — .jpg.
Если кратко, то он позволяет сохранять изображения достаточного качества, занимая при этом минимум места. Это важно, прежде всего, для Интернет среды.

Уникальность формата – контролируемая потеря качества при сжатии. Пользователю/редактору графического изображения доступна функция управления сжатием, в отличии от .png. Все очень просто: в .jpg вы выбираете насколько, относительно оригинала, урезать качество изображения и тем самым определяете размер будущего файла. Чем хуже качество, тем меньше размер. Это позволяет экономить колоссальное количество места на диске.

.jpg наиболее применим для хранения цифровых фотографий (изображений, содержащих плавные переходы цвета, теней, яркости) и передачи растровых изображений по сети Интернет.

PNG.

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

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

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

PDF.

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

Уникальность .pdf – документы читаются не только специализированными Adobe приложениями, но и самым распространенным Microsoft Word. Формат универсальный и очень популярный, в т.ч. за счет того, что многие программные продукты его понимают.

SVG.

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

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

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

8. Форматы графических данных. Графические редакторы

8.Форматы графических данных. Графические редакторы.

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

TIFF (Tagged Image File Format). Формат предназначен для хранения растровых изображений высокого качества (расширение имени файла .TIF). Относится к числу широко распространенных, отличается переносимостью между платформами (IBM PC и Apple Macintosh), обеспечен поддержкой со стороны большинства графических, верстальных и дизайнерских программ. Предусматривает широкий диапазон цветового охвата – от монохромного черно-белого до 32-разрядной модели цветоделения CMYK. Начиная с версии

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

PSD (PhotoShop Document). Собственный формат программы Adobe Photoshop

(расширение имени файла .PSD), один из наиболее мощных по возможностям хранения растровой графической информации. Позволяет запоминать параметры слоев, каналов, степени прозрачности, множества масок. Поддерживаются 48-разрядное кодирование цвета, цветоделение и различные цветовые модели. Основной недостаток выражен в том, что отсутствие эффективного алгоритма сжатия информации приводит к большому объему файлов.

JPEG (Joint Photographic Experts Group). Формат предназначен для хранения растровых изображений (расширение имени файла .JPG). Позволяет регулировать соотношение между степенью сжатия файла и качеством изображения. Применяемые методы сжатия основаны на удалении “ избыточной” информации, поэтому формат рекомендуют использовать только для электронных публикаций.

.GIF). Получил популярность в Интернете благодаря высокой степени сжатия. Последняя версия формата GIF89a позволяет выполнять чересстрочную загрузку изображений и создавать рисунки с прозрачным фоном. Ограниченные возможности по количеству цветов обусловливают его применение исключительно в электронных публикациях.

PNG (Portable Network Graphics). Формат хранения изображений для их публикации в

Интернете (расширение имени файла .PNG). Поддерживаются три типа изображений – цветные с глубиной 8 или 24 бита и черно-белое с градацией 256 оттенков серого. Сжатие информации происходит практически без потерь, предусмотрены 254 уровня альфа-канала, чересстрочная развертка.

PDF (Portable Document Format). Формат описания документов, разработанный фирмой Adobe (расширение имени файла .PDF). Хотя этот формат в основном предназначен для хранения документа целиком, его впечатляющие возможности позволяют обеспечить эффективное представление изображений. Формат является аппаратно-независимьм, поэтому вывод изображений допустим на любых устройствах – от экрана монитора до фотоэкспонирующего устройства. Мощный алгоритм сжатия со средствами управления итоговым разрешением изображения обеспечивает компактность файлов при высоком качестве иллюстраций.

Графические редакторы позволяют создавать, сканировать и редактировать картинки на экране. Наиболее известные разработки — Image Editor, Corel Draw, Fotoshop, 3d Studio (трехмерная графика с анимацией) и многие другие. Пакеты деловой и научной графики предназначены для более наглядного изображения информации — диаграмм, графиков на основе таблиц. Как правило, они входят в состав других систем.

Примеры графических редакторов

CorelDRAW – векторный графический редактор, разработанный канадской корпорацией

Corel.

Текущая версия продукта — CorelDRAW Graphics Suite X4, доступна только для Microsoft Windows. Более ранние версии выпускались также для Apple Macintosh и для GNU/Linux. Последняя версия для GNU/Linux — 9-я версия, выпущенная в 2000. В 2002 вышла последняя 11-я версия для Macintosh. В пакет CorelDRAW Graphics Suite также входит редактор растровой графики Corel PHOTO-PAINT и другие программы, например, для захвата изображений с экрана Corel CAPTURE. Программа векторизации растровой графики Corel TRACE, до 12 версии входила в пакет, как самостоятельная программа.

Рис. 8. Примеры работы в программе CorelDRAW

Вкомплект фирма Corel включила множество программ, в том числе Corel Photo-Paint. Новый пакет располагает бесспорно самым мощным инструментарием среди всех программ обзора, а при этом по сравнению с предыдущей версией интерфейс стал проще, а инструментальные средства рисования и редактирования узлов — более гибкими. Однако что касается новые функций, в частности подготовки публикаций для Web, то здесь CorelDraw уступает CorelXara. Работа CorelDraw с цветами CMYK оставляет желать лучшего. Цвета файлов GIF и JPEG заметно отличались от цветов, выводимых для пробного отпечатка Matchprint, в то время как пакет FreeHand воспроизводил одинаковые цвета на экране, в файлах Web и на принтерах.

Adobe Photoshop

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

Adobe Photoshop – растровый графический редактор, разработанный и распространяемый фирмой Adobe Systems. Этот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп).

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

для печати на бумаге (для полиграфии), сейчас она широко используется в веб-дизайне. Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.

Главные элементы управления программы Adobe Photoshop сосредоточены в строке меню и панели инструментов. Особую группу составляют диалоговые окна – инструментальные палитры:

Page not found — Аккаунт deleted

Unfortunately the page you’re looking doesn’t exist (anymore) or there was an error in the link you followed or typed. This way to the home page.

• Главная
• История
• Программирование
• Выч.мат (1 семестр)
• Экономика
• • 1. Понятие экономики. Фундаментальные вопросы экономики. Предмет экономической науки. Экономические
  • 2. Методы экономической теории. Микроэкономика. Макроэкономика.
  • 3. Основная цель экономики. Потребности и их виды. Закон возвышающихся потребностей. Экономические р
  • 4. Экономические блага. Основные факторы общественного производства, их взаимосвязь. Понятие воспрои
  • 5. Экономический рост и его типы. Факторы экономического роста.
  • 6. Экономические системы. Типы и модели экономических систем.
  • 7. Основные этапы развития экономической теории. Зарождение экономической мысли. Первые экономическ
  • 8. Трудовая теория стоимости. Классическая политическая экономия. Экономические взгляды К.Маркса.
  • 9. Маржинализм. Смена объекта исследования, превращение в науку о проблемах эффективного использован
  • 10.Собственность как экономическая категория. Субъекты и объекты собственности. Формы собственности
  • 11.Частная собственность и ее значение. Реализация собственности: экономическая и правовая. Право со
  • 12.Приватизация: необходимость и пути приватизации государственной собственности. Этапы приватизации
  • 13.Предпринимательство и его организационно-правовые формы. Факторы, влияющие на выбор организационн
  • 14.Сущность рынка и условия его возникновения. Рынок и его функции. Виды рынков. Теневая экономика
  • 15.Индивидуальный и рыночный спрос. Факторы спроса. Закон спроса.
  • 16.Предложение и его факторы. Закон предложения.
  • 17.Равновесная цена и механизм ее установления. Проблемы неравновесия рынка.
  • 18.Эластичность спроса и предложения. Виды эластичности (по цене, доходу и т.д.) Значение понятия эл
  • 19.Конкуренция – необходимое условие функционирования рынка. Эффективность конкурентных рынков. Кон
  • 20.Виды конкуренции и монополии. Монополистическая конкуренция. Олигополия. Монополия. Рыночная вл
  • 21.Особенности поведения фирмы в условиях конкуренции и монополии. Правовые аспекты защиты конкуренц
  • 22.Потребительские предпочтения и их особенности. Понятие полезности. Общая и предельная полезность.
  • 23.Кривые безразличия. Карта кривых безразличия.
  • 24.Бюджетные ограничения. Графическое изображение бюджетных ограничений. Бюджетная линия: изменение
  • 25.Понятие издержек производства и прибыли: бухгалтерский и экономический подходы. Виды экономически
  • 26.Выручка и прибыль. Понятие и виды прибыли (бухгалтерская, нормальная, экономическая прибыль).
  • 27.Издержки производства в краткосрочном и долгосрочном периоде деятельности фирмы.
  • 28.Эффект масштаба производства. Значение эффекта масштаба производства.
  • 29.Понятие государственного регулирования экономики и роль государства. Объекты и цели государствен
  • 30.Внешние эффекты: отрицательные и положительные. Общественные блага.
  • 31.Методы регулирования: административные, экономические. Государственное экономическое программиров
  • 32.Макроэкономика: предмет изучения, функции. Национальная экономика как целое. Кругооборот доходов
  • 33.Понятие системы национальных счетов. Основные макроэкономические показатели: валовой национальный
  • 34.Способы измерения ВВП: по отраслям, по доходам, по расходам. Что не включается в счет валового пр
  • 35.Номинальный и реальный валовой продукт. Дефлятор ВНП. Индекс цен. Национальное богатство страны.
  • 36.Экономический цикл и его фазы. Причины экономических циклов и их материальная основа. Продолжител
  • 37.Виды экономических циклов. Концепция «длинных волн» — «циклов Н.Д.Кондратьева». Современный эконо
  • 38.Рынок труда и его особенности. Механизм функционирования: спрос и предложение труда. Понятие рабо
  • 39.Безработица: сущность, причины. Формы безработицы. Понятие естественной безработицы и ее значение
  • 40.Следствия безработицы. Закон Оукена. Государственное регулирование рынка рабочей силы и занятост
  • 41.Определение и причины инфляции. Инфляция и её виды. Измерение и показатели инфляции.
  • 42.Экономические следствия инфляции. Регулирование инфляции. Антиинфляционная политика.
  • 43.Понятие государственного бюджета. Его структура. Бюджет и внебюджетные фонды. Бюджетно-налоговая
  • 44.Проблема сбалансированности государственного бюджета. Понятие дефицита и профицита бюджета.
  • 45.Государственный долг: внутренний, внешний. Управление государственным долгом и проблема его погаш
  • 46.Распределение и доходы. Понятие дохода. Доходы и их виды. Понятие доходов в теории факторов.
  • 47.Номинальные и реальные доходы. Государственная политика доходов. Политика доходов в условиях инфл
  • 48.Проблема дифференциации доходов. Неравенство населения по доходам. Кривая Лоренца.
  • 49. Принципы и механизм налогообложения. Налоговая база, налоговые льготы, налоговая ставка и её в
  • 50.Функции налогов: фискальная, социальная, налоги как средство государственного регулирования. Крив
  • 51.Проблемы налогообложения и собираемости налогов в России. Необходимость и сущность реформы систе
  • 52.Деньги и их функции. Теории денег: металлистическая, номиналистическая, количественная. Теория де
  • 53.Виды денег и структура современного денежного обращения. Денежные агрегаты и проблема ликвидности
  • 54.Спрос на деньги и предложение денег. Равновесие на денежном рынке. Денежный мультипликатор.
  • 55.Количество денег, необходимых для обращения. Уравнение И.Фишера. Регулирование денежного обращени
  • 56.Кредит: необходимость, природа, функции. Принципы кредитования. Формы кредита. Денежно-кредитная
  • 57.Сущность двухуровневой банковской системы. Центральный банк и его регулирующее воздействие на фин
  • 58.Коммерческие банки и их функции. Банковские операции: активные, пассивные. Взаимосвязь
  • 59.Рынок ценных бумаг. Виды ценных бумаг. Доходы на различные виды ценных бумаг.
  • 60.Международные экономические отношения. Формы участия страны в международных экономических отношен
  • 61.Внешняя торговля и торговая политика. Природа свободной торговли и протекционизма. Формирование
  • 62.Валютные отношения. Валюты и их виды. Проблема конвертируемости национальных валют.
  • 63. Валютные курсы и их динамика. Паритет покупательной способности валют. Валютная политика.
  • 64.Платежный баланс: сущность, содержание. Регулирование платежного баланса.
• Петухин
• • JS
  • • Адресация в Интернет: ip-адреса и URL
    • Язык HTML. Символы, теги, элементы, атрибуты.
    • Структура html-документа. Структурные элементы страницы. Типы элементов.
    • Каскадные таблицы стилей. Назначение CSS. Селекторы, свойства, значения свойств. Псевдоклассы
    • Язык JavaScript. Синтаксис. Функции, объекты.
    • Средства отладки программ на JavaScript. FireBug.
    • Язык JavaScript. Объектная модель документа.
    • Управление видимостью и позиционированием элементов на html-страницах.
    • Обработка событий. События, связанные с действиями мышкой и клавиатурой.
    • Технология AJAX.
    • Порядок работы WWW-сервиса. Обмен данными между сервером и клиентом. Формы.
    • Апплеты и другие объекты на html-страницах.
    • XML и HTML. Синтаксис XML. Отличие XML от HTML. DTD.
    • Способы визуализации XML-документа.
    • HTTP-протокол, запрос, ответ. Заголовки запроса и ответа. Коды завершения. CGI. Переменные окружения
    • Программирование на стороне сервера. Языки, используемые для программирования на стороне сервера. SS
    • Язык PHP. Синтаксис, типы данных. Шаблоны в PHP.
    • Язык Java. Сервлеты. Скриптлеты.
    • JSP. Сервер TomCat.
    • Пользовательские действия в JSP. JSTL.
    • История развития Web-сервиса. Web 2.0. Вики-разметка
    • Уязвимость веб-сайтов, виды сетевых атак и защита от них.
    • Полезные ссылки для серверной части
  • Компьютерная графика
  • Комп Графика
  • Моделирование
  • Моделирование2
• Всячина
• Новопашин
• • 1.​ Понятия суперкомпьютера и супервычислений. Способы и средства оценки производительности вычислительных систем. Реальная и пиковая производительность. Рейтинги ТОП-500 и ТОП-50.
  • 2.​ Классификации вычислительных систем. Систематика Флинна и ее детализация. Мультипроцессоры, их преимущества и недостатки. Проблемы когерентности кэш-памяти и синхронизации взаимодействия потоков команд в системах с общей памятью.
  • 3.​ Классификации вычислительных систем. Систематика Флинна и ее детализация. Мультикомпьютеры, их преимущества и недостатки. Проблема организации взаимодействия параллельных процессов в системах с распределенной памятью.
  • 4.​ Тестирование вычислительных систем. Классификация тестов. Тест High Performance Linpack: решаемая задача, назначение конфигурационных параметров файла HPL.dat.
  • 5.​ Тестирование вычислительных систем. Классификация тестов. Тест Graph500: основное назначение, классы задач, задача BFS как пример ядра.
  • 6.​ Тестирование вычислительных систем. Классификация тестов. Тест NAS Parallel Bemchmark: основное назначение и состав, классы задач, примеры ядер и псевдоприложений.
  • 7.​ Понятие кластера и кластерной архитектуры. Классификация кластерных систем. Состав сетевой инфраструктуры кластера. Коммуникационная сеть (MPI-сеть): критерии эффективности, наиболее часто реализуемые на практике топологии, примеры реализаций.
  • 8.​ Понятие кластера и кластерной архитектуры. Основные критерии оценки кластерных систем. Типовой состав программно-аппаратного обеспечения кластеров.
  • 9.​ Особенности запуска задач на кластерах. Системы управления заданиями. Базовый набор команд системы управления заданиями.
  • 10.​ Определение параллелизма. Возможные пути достижения параллелизма. Условие, отражающее возможность параллельного исполнения отдельных операторов и фрагментов программы. Виды информационных зависимостей внутри программы. Основные виды параллелизма.
  • 11.​ Обобщенная схема разработки параллельных алгоритмов.
  • 12.​ Представление алгоритма в виде графа.
  • 13.​ Ярусно-параллельная форма алгоритма. Концепция неограниченного параллелизма.
  • 14.​ Крупноблочный параллелизм как способ распределения работы между процессорами. Основные способы распараллеливания циклов.
  • 15.​ Способы распараллеливания многомерных циклов.
  • 16.​ Эквивалентные преобразования алгоритма с целью распараллеливания. Эквивалентные преобразования циклов.
  • 17.​ Ускорение, эффективность и стоимость параллельного алгоритма. Закон Амдаля. Следствия из закона Амдаля. Возможные причины сверхлинейного ускорения.
  • 18.​ Стандарт MPI. Преимущества и недостатки использования. Основополагающие понятия MPI: параллельная программа, процесс, ранг, сообщение, коммуникатор, виртуальная топология, виды операций, базовые типы данных.
  • 19.​ MPI: минимально необходимый для разработки параллельных программ набор функций.
  • 20.​ MPI: операции передачи данных и возможные режимы их исполнения, организация неблокирующих обменов данными между процессами, совмещение операций передачи/приема.
  • 21.​ MPI: коллективные операции передачи данных, функции редукции, синхронизация вычислений.
  • 22.​ Стандарт OpenMP: общие сведения, структура стандарта. Достоинства технологии OpenMP. Модель параллелизма и модель памяти OpenMP.
  • 23.​ OpenMP: типы директив, формат записи директив, объявление параллельной области.
  • 24.​ OpenMP: типы директив, распределение вычислений между потоками.
  • 25.​ OpenMP: директивы синхронизации, параметры управления областью видимости данных.
  • 26.​ Технология GPGPU. Принципиальные архитектурные различия GPU и CPU. Обобщенная архитектура GPU NVidia Tesla.
  • 27.​ Программно-аппаратная архитектура CUDA. Состав CUDA Toolkit. Модель программирования CUDA.
  • 28.​ Модель памяти CUDA. Типы памяти.
  • 29.​ Шаблон программирования CUDA. Оптимизация CUDA-приложений.
  • 30.​ Модель исполнения CUDA. Компиляция CUDA-приложений. CUDA-расширение языка С.
• Правоведение
• • 1.​ Понятие и признаки государства. Органы государственной власти.
  • 2.​ Государственная власть и государственное управление.
  • 3.​ Формы правления (монархия и республика).
  • 4.​ Формы государственного устройства (федерация и унитарное государство).
  • 5.​ Тоталитарный и авторитарный политические режимы.
  • 6.​ Либеральный и демократический политический режим.
  • 7.​ Понятие и признаки позитивного права.
  • 8.​ Система права: понятие и структурные элементы.
  • 9.​ Нормативно-правовой акт как источник права.
  • 10.​ Правоотношения: понятие и структура.
  • 11.​ Юридические факты и фактические (юридические) составы.
  • 12.​ Реализация права.
  • 13.​ Правовое регулирование.
  • 14.​ Государственное принуждение и юридическая ответственность.
  • 15.​ Конституция как основной закон государства.
  • 16.​ Конституционные права и свободы человека и гражданина. Гражданство.
  • 17.​ Отношения, регулируемые гражданским правом.
  • 18.​ Дееспособность физических лиц. ИП (ПБОЮЛ).
  • 19.​ Понятие и признаки юридического лица. Филиалы и представительства.
  • 20.​ Коммерческие и некоммерческие организации.
  • 21.​ Обязательства в гражданском праве. Гражданско-правовые сделки (понятие, виды, форма).
  • 22.​ Гражданско-правовая ответственность.
  • 23.​ Задачи семейного права, отношения, регулируемые семейным правом.
  • 24.​ Заключение и расторжение брака.
  • 25.​ Личные и имущественные права и обязанности супругов.
  • 26.​ Права и обязанности родителей, права несовершеннолетних детей.
  • 27.​ Лишение родительских прав, последствия лишения родительских прав.
  • 28.​ Трудовой договор (понятие, виды, форма). Документы, необходимые при заключении трудового договора лицом, поступающим на работу.
  • 29.​ Прием работника на работу. Основания изменения и прекращения трудового договора.
  • 30.​ Рабочее время и время отдыха.
  • 31.​ Заработная плата в трудовых отношениях.
  • 32.​ Поощрение за труд и дисциплинарные взыскания.

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

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

Adobe InDesign может импортировать графические файлы различных форматов – как наиболее распространенные AI, BMP, EPS, GIF, JPEG, PDF, PSD, TIFF, так и более редкие DCS, EMF, PCX, PICT, PNG, SCT (ScitexCT), WMF.

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

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

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

Рис. 12.1. Увеличенный фрагмент растрового изображения

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

Рис. 12.2. Увеличенный фрагмент векторного изображения

Существенным недостатком растровой графики является тот факт, что при увеличении изображения увеличиваются и пикселы, а значит, в определенный момент становятся заметны невооруженным глазом, и иллюзия цельности изображения нарушается. Векторная графика лишена такого недостатка: формулы, описывающие контуры изображения, всегда могут быть просчитаны заново с нужной точностью. Поэтому векторная графика позволяет нам намного смелее изменять размер изображения, чем растровая (см. рис. 12.1, 12.2).

В то же время у векторной графики есть другой недостаток, не менее значительный. Поскольку векторная графика совершенно «искусственная», создать векторный рисунок можно только в компьютере. Мы не можем взять фотографию или рисунок, положить на сканер и превратить их в векторное изображение – необходимо все делать вручную. Растровая же графика без проблем может быть получена из реальных объектов – через сканер, цифровой фотоаппарат, видеокамеру или веб-камеру.

Примечание

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

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

Рис. 12.3. Типичные изображения для растровой (слева) и векторной (справа) графики

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

К растровым форматам, понимаемым Adobe InDesign, относятся:

• BMP (BitMap Picture) – это самый примитивный графический формат, который используется в основном операционной системой Windows в служебных целях и редко применяется в профессиональной графике;

• DCS (Desktop Color Separations) – профессиональный формат файла, позволяющий сохранять дополнительную информацию (например, о плашечных цветах), используемую впоследствии при печати в типографии;

• GIF (Graphic Interchange File) – формат, распространенный в веб-дизайне, позволяющий использовать прозрачность и анимацию, однако ограниченный всего 256 цветами;

• JPEG (Joint Photographic Experts Group) – очень широко распространенный формат, используемый для хранения фотографий и подобных им изображений и позволяющий достичь высокого (в 10 и более раз) сжатия информации при сохранении (и соответственно уменьшения размера файла) путем некоторого ухудшения качества изображения;

• PCX – устаревший формат изображений, вытесненный из употребления форматами TIFF и JPEG;

• PICT – растровый формат, используемый операционной системой компьютеров Macintosh и применяемый для обмена информацией с компьютерами на базе операционной системы Windows;

• PNG (Portable Network Graphics) – формат файлов для веб-графики, пришедший на смену формату GIF, однако используемый в настоящее время наравне с ним;

• SCT (ScitexCT) – профессиональный формат рабочих графических станций фирмы Scitex;

• TIFF (Tagged Image File Format) – профессиональный формат для сохранения изображений, позволяющий использовать сжатие информации без потери качества, хотя и не такое сильное, как у формата JPEG.

К векторным форматам, понимаемым Adobe InDesign, относятся форматы EMF (Enhanced MetaFile) и WMF (Windows MetaFile) – два очень близких формата, которые являются стандартом векторной графики в программах офисного уровня, например в семействе офисных продуктов фирмы Microsoft.

К универсальным форматам относятся:

• AI (Adobe Illustrator) – формат программы Adobe Illustrator, который может хранить как векторную, так и растровую информацию;

• EPS (Encapsulated PostScript) – профессиональный универсальный векторно-растровый формат, используемый всеми профессиональными графическими программами;

• PDF (Portable Document Format) – формат программы Adobe Acrobat, который может содержать растровую и векторную графику, а также текстовую информацию.

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

Данный текст является ознакомительным фрагментом.

Векторные графические форматы файлов | Ассоциация «НП Совет рынка»

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

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

41. Форматы файлов, применяемые в полиграфии.|ОППИ ИТМ-218 2010г.

Растровые (при увеличении размеров теряют качество)

TIFF (Tagged Image File Format)

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

PSD

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

JPEG (Joint Photographic Expert Group)

Сжатие по алгоритму JPEG
Позволяет уменьшить файл во много раз. Однако при сжатии всегда происходят потери (уменьшается детальность и плавные переходы тонов). Можно задавать разные коэффициенты сжатия, величина которых будет влиять на качество растрового изображения. Этот формат можно пересохранить в TIFF и использовать для печати при условии минимального коэффициента сжатия.

GIF (Graphics Interchange Format)

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

BMP

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

Векторные (при увеличении размеров не теряют качество)

CDR

Формат программы Corel Draw. Работает только на платформе Windows.

AI

Универсальный формат программы Adobe Illustrator. В развитых странах и в европейской части нашей страны его используют на платформах Macintosh. У нас в основном его используют на платформах РС.

fh

Формат программы FreeHand. В развитых странах и в европейской части нашей страны его используют на платформах Macintosh. У нас в основном его используют на платформах РС. Этот формат не импортируется в Corel Draw.

Универсальные

EPS (Encapsulated PostScript)

Еще один стандарт, совместимый с различными платформами. Используется как для векторной, так и для растровой графики. Файл в этом формате содержит описание графических объектов на языке PostScript, предназначенном специально для лазерных принтеров. Может восприниматься разными графическими программами: Corel Draw, FreeHand, Adobe Illustrator, Adobe Acrobat, Photoshop.

Другие форматы

PDF (Portable Document Format)

Универсальный формат для передачи документов (файлов) между различными платформами. Широко применяется в развитых странах, как в офисной деятельности, так и в издательской. Этот формат разработан Adobe Systems. Утверждают, что программа Adobe Acrobat 5 станет лидером на пути установления формата PDF в качестве стандарта для цветной полиграфии.

qxd

Расширение издательской системы QuarkXPress, которая предназначена для работы с объемными документами (журналы и т.п.). Поддерживается платформами Mac, PC.

На данный момент профессиональными форматами для полиграфии являются: TIFF, PSD, QXD, CDR, AI, fh, EPS.

PS (PostScript)

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

графических форматов

ADI, AI, BMP, CGM, CLP, CT, EPX, FPX, GIF, HRF, IFF, IMG, IMJ, JFIF, JPG, JPEG, JIF, MAC, MNG, MSP,

Графические файлы можно сгруппировать в два основных типа: растровые (или растровые) и векторные

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

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

Популярные форматы растровой (растровой) графики

BMP (растровое изображение), GIF (формат обмена графикой), JPEG (Joint Photographic Experts Group), PNG (Portable Network Graphics) и TIFF (Tagged Image File Format) — это форматы растровых изображений.

Растровое изображение (BMP)

Формат Microsoft Windows® BMP (расширение файла .bmp) может отображать миллионы цветов. Поскольку он поддерживается несколькими программами, это чрезвычайно практичный формат файла, который можно использовать, когда вы предоставляете изображение кому-то, у кого может не быть программы, в которой вы создали изображение.

Формат обмена графикой (GIF)

Формат GIF (расширение файла .gif) — один из двух наиболее распространенных форматов файлов изображений во всемирной паутине, поскольку он поддерживается почти всеми веб-браузерами. Поскольку этот формат может отображать не более 256 цветов, его лучше всего использовать для черно-белых штриховых рисунков, цветных картинок и изображений с большими блоками сплошных цветов. Формат GIF89a также поддерживает прозрачность и анимацию. Используйте файлы GIF для:

• Изображения, содержащие прозрачные области.
• Ограниченное количество цветов, например 256 или меньше.
• Цвета в отдельных областях.
• Черно-белые изображения.
• Изображение небольшого размера, например кнопка на сайте.
• Изображения, для которых важны резкость и четкость краев, например штриховые рисунки или мультфильмы.
• Изображения, содержащие текст.
• Анимации.

Объединенная группа экспертов по фотографии (JPEG)

Формат JPEG (расширение файла .jpg или .jpeg) — другой наиболее распространенный формат файлов изображений в Интернете.Он не ограничен 256 цветами, поэтому вы можете использовать его для отображения высококачественных фотографий или изображений, содержащих миллионы цветов. Поскольку он разработан как формат хранения изображений, он может эффективно сжимать большие высококачественные фотографии в очень компактные файлы, поэтому он очень полезен, когда вы хотите отправить большое изображение по электронной почте. Однако чем больше вы уменьшаете размер файла изображения (или изменяете и повторно сохраняете изображение), тем больше информации об изображении отбрасывается, а качество снижается. Более того, этот формат не поддерживает прозрачность или анимацию.Используйте файлы JPEG для:

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

Переносимая сетевая графика (PNG)

Формат PNG (расширение файла .png) может отображать миллионы цветов. Поскольку это такой новый формат, не все браузеры в настоящее время поддерживают его (хотя он быстро получает поддержку).Качество изображений, сохраненных в этом формате, не ухудшится, даже если файл будет сжат. Он поддерживает прозрачность, но не поддерживает анимацию, поскольку не может содержать несколько изображений.

Формат файлов изображений с тегами (TIFF)

Формат TIFF (расширение файлов .tif или .tiff) позволяет получать изображения очень высокого качества и поэтому довольно часто используется при публикации. Он может отображать миллионы цветов (хотя изображения в градациях серого ограничены 256 цветами или оттенками) и обычно приводит к созданию файлов изображений большего размера, чем форматы GIF или JPEG.Если вы планируете редактировать изображение в программе, отличной от той, в которой вы его создали, полезно сохранить его в этом формате, поскольку он широко распознается различными программами.

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

Определите лучший формат файла для вашей задачи

x1 — PNG может сохранять анимацию в Adobe Fireworks и некоторых других программах

Графические форматы, объясненные данными Дэна

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

Типы файлов Bitmapped / Raster

Типы векторных файлов

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

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

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

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

Подробнее

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

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

Большинство устройств, выводящих изображения, будь то мониторы, телевизоры или струйные принтеры, фактически производят растровый вывод. Они создают последовательные крохотные линии, каждая из которых состоит из линии точек разного цвета (и, возможно, размера), которые попадают на последнюю страницу в виде изображений и букв.До появления современных дисплеев с высоким разрешением были ЭЛТ-устройства, которые фактически производили настоящий векторный вывод, но теперь это в основном история. Поэтому нам нужно снабдить наши мониторы или принтеры последовательностями всех этих цветных точек. Графика, которая уже растрирована, сэкономит время и электроны, поскольку не требует дальнейшей обработки на компьютере.

BMP
Самый простой способ определить растровое графическое изображение — использовать информацию с цветовым кодированием для каждого пикселя в каждой строке.Это основной формат растрового изображения, используемый Microsoft Windows. Недостатком этого типа изображений является то, что они могут тратить много места на диске. Например, если есть область со сплошным цветом, нам не нужно повторять эту цветовую информацию для каждого нового смежного пикселя. Вместо этого мы можем дать компьютеру команду повторять текущий цвет, пока мы его не изменим. Этот вид экономии места является основой сжатия, которое позволяет нам хранить графику, используя меньшее количество байтов. Большинство веб-графики сегодня сжаты, чтобы их можно было передавать быстрее.Некоторые методы сжатия позволяют сэкономить место, но при этом сохранить всю информацию, содержащуюся в изображении. Это называется сжатием без потерь. Другие типы сжатия могут сэкономить намного больше места, но цена, которую вы платите, — это ухудшение качества изображения. Это называется сжатием с потерями.

TIFF
Большинство форматов графических файлов были созданы с расчетом на конкретное использование, хотя большинство из них можно использовать для самых разных типов изображений. Другой распространенный тип растрового изображения — это формат файла изображения с тегами, который используется в факсимильной связи, настольных издательских системах и при создании медицинских изображений.TIFF на самом деле является «контейнером», который может содержать растровые изображения и файлы JPEG и допускает (но не требует) различные типы сжатия.

форматов веб-графики

Вернуться на страницу пятого класса »

Назначение

• Визуальная / эстетическая привлекательность — поддерживает интерес и внимание посетителей
• Создать визуальную структуру — прояснить иерархию информации (подумайте о типографике и иерархии здесь)
• Обменивайтесь идеями визуально

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

Рекомендации по веб-графике

• Веб-графика должна соответствовать назначению, организации и стилю сайта
• Большая (размер файла) графика увеличивает время загрузки страницы — избегайте.
• Графика должна помочь сосредоточить внимание посетителя на том, что важно на странице.
• Избегайте надоедливых изображений, анимации, ненужных эффектов — они быстро стареют без цели.
• Графика никогда не должна использоваться для текстового содержимого, за исключением случаев, когда заголовок требует включения логотипа.. Это снижает индексирование поисковыми системами, доступность и т. Д.
• Сделайте графику доступной с альтернативным текстом.
• Убедитесь, что при использовании текста в графике имеется достаточный контраст, чтобы он был разборчивым. Это особенно важно при использовании фоновых изображений.

Форматы веб-графики

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

JPG

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

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

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

Примеры изображений, которые следует сохранить в формате JPG:

GIF и PNG

В форматах изображений GIF и PNG используется так называемый «индексный цвет». Они хранят минимизированную цветовую палитру в файле изображения и ключи к тому, где эти цвета должны быть расположены на изображении. Размер файла изображений в формате GIF и PNG обычно зависит от количества используемых цветов.Стандартные номера цветов: 2, 4, 8, 16, 32, 64, 128, 256.

Форматы изображений GIF и PNG идеально подходят для изображений с ровными цветами (без градиентов) и резкими краями. Распространенными примерами этих типов изображений являются логотипы, логотипы и иллюстрации без градиентов.

Прозрачность

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

изображений GIF (а также PNG) поддерживают одноцветную прозрачность.Это в основном означает, что вы можете сохранить изображение с прозрачным фоном.

В качестве примера возьмем логотип Good Food. Это должен быть файл изображения, потому что мы используем необычный шрифт, а также изображение яблока вместо a. Мы хотим, чтобы наш логотип располагался на светло-зеленом фоне. Вот цвет фона, на котором мы сохраняем логотип.

Если бы мы сохранили логотип в формате JPG, мы бы застряли на каком-то цвете фона.

JPG не даст нам прозрачности

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

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

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

Переменная прозрачность

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

Самый простой способ продемонстрировать прозрачность переменной — это пример. Ниже одно и то же изображение дважды на двух разных цветах фона.

Обратите внимание, как цвет фона просто исчезает в изображении. Это будет работать хуже, если вы сохраните как png8.Обязательно сохраните как png24.

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

GIF против PNG

На этом этапе вам может быть интересно, как узнать, когда использовать GIF или PNG. GIF — это более старый формат файлов, восходящий к началу 1990-х годов. Мы использовали его для действительно неприятной анимации изображений (на самом деле, мы все еще делаем). GIF — единственный формат файла, который может это сделать. Но, если вы не планируете делать что-то для Facebook или MySpace, вы, вероятно, не захотите использовать анимированный GIF.

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

Сводка по формату изображения

JPG

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

PNG

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

GIF

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

Вернуться на страницу пятого класса »

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

Мир форматов файлов изображений может быть ошеломляющим, но для творческих людей очень важно знать, какие файлы JPEG из файлов PNG.Один из наиболее частых вопросов, которые вам задают как дизайнеру, — это «какой формат файла вам нужен?». за которым следует: «Это подойдет?» С таким разнообразным набором опций и имен, которые заставили бы чемпионов Scrabble добраться до словаря, неудивительно, что форматы файлов изображений могут быть сложными для понимания на первых порах.

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

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

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

  Общие растровые форматы 

 BMP Windows и OS / 2
 GIF CompuServe
 JPG JPEG
 PNG переносимая сетевая графика
 TIF TIFF

   Общие векторные форматы 

 AI Adobe Illustrator
 DXF AutoCAD
 PS PostScript
 Масштабируемая векторная графика SVG
 Метафайл Windows WMF

   Все остальные растровые форматы 

 3FR Hasselblad RAW

 AG4 Access G4 для обработки документов
 ARI Arriflex RAW
 ARW Sony RAW
 ATT AT&T Group IV

 ЗАЛИВ Casio RAW
 BMP Windows и OS / 2
 BPG Статический формат HEVC (недавний / 2014 г.)
 BRK Brooktrout факс

 CAL CALS Группа IV
 CAP Phase One RAW
 Отсканированные изображения CIT Intergraph
 Буфер обмена Windows CLP
 Формат сканера CMP Photomatrix G3 / G4
 CMP LEAD Technologies

 Доступ к знаниям о СЛР
 CR2 Canon RAW
 CRW Canon RAW
 CT Scitex Непрерывный тональный сигнал
 ВЫРЕЗАТЬ Dr.Гало

 DBX DATABEAM
 DCM DICOM медицинское изображение
 DCR Kodak RAW
 DCS Kodak RAW
 DCX Intel факс
 DNG Adobe RAW
 DRF Kodak RAW
 Обработка документов DX Autotrol

 ED5 EDMICS (Министерство обороны США)
 ED6 EDMICS (Министерство обороны США)
 EIP Phase One RAW
 ERF Epson RAW
 EPS инкапсулированный PostScript

 ФАКС Факс
 FFF Imacon RAW
 FMV FrameMaker
 FPX FlashPix

 GED Искусство и литература
 GDF Формат IBM GDDM
 GIF CompuServe
 GP4 CALS Group IV - ITU Group IV
 Партнер выставки GX1
 Партнер выставки GX2

 ICA IBM IOCA (см. MO: DCA)
 Значок Windows ICO
 IFF Amiga ILBM
 Системы вставки IGF (HiJaak)
 Краска IMG GEM

 JFF JPEG (JFIF)
 JPG JPEG

 K25 Kodak RAW
 KDC Kodak RAW
 KFX Kofax Group IV

 LIQ Phase One RAW
 LV LaserView Группа IV

 MAC MacPaint
 MDC Minolta / Agfa RAW
 MET Mamiya RAW
 MIL То же, что и расширение GP4
 MOS Leaf RAW
 MRW Konica Minolta RAW
 MSP Microsoft Paint

 NEF Nikon RAW
 Файл изображения NIF Navy

 ORF Olympus RAW

 PBM Portable bitmap
 PCD PhotoCD
 Кисть PCX PC
 PEF Pentax RAW
 Системы вставки PIX (HiJaak)
 PNG переносимая сетевая графика
 Переносимое растровое изображение PNM Unix
 Переносимое растровое изображение PPM Unix
 PSD исходный формат Photoshop
 PTX Pentax RAW
 PXN Logitech RAW

 RAF Fuji RAW
 РАН Солнце
 RAW Panasonic / Leica RAW
 RGB SGI
 РИА Alpharel Document Imaging
 Системы изображений RLC
 RLE Различные форматы, сжатые с помощью RLE
 RNL GTX Длина пробега
 RW2 Panasonic RAW
 RWL Leica RAW

 SBP IBM StoryBoard
 SGI Silicon Graphics RGB
 SR2 Sony RAW
 SRW Samsung RAW
 ВС ВС

 TGA Targa
 TIF TIFF

 WPG WordPerfect изображение

 Растровое изображение XBM X Window
 Пиксельная карта XPM X Window
 XWD X Window дамп


   Все остальные векторные форматы 

 3DS 3D Студия
 Плоттер 906 Calcomp

 AI Adobe Illustrator

 CAL CALS подмножество CGM
 CDR CorelDRAW
 Метафайл компьютерной графики CGM
 График Ch4 Harvard Graphics
 Буфер обмена Windows CLP
 CMX Corel Metafile Exchange

 DG Autotrol
 Формат чертежа DGN Intergraph
 DRW Micrografx Designer 2.х, 3.х
 DS4 Micrografx Designer 4.x
 DSF Micrografx Designer 6.x
 DXF AutoCAD
 DWG AutoCAD

 Расширенный метафайл Windows EMF
 EPS инкапсулированный PostScript
 Файл чертежа ESI Esri (отображение ГИС)

 FMV FrameMaker

 GCA IBM GOCA
 GEM Собственность GEM
 G4 GTX RasterCAD - сканированные изображения
       в векторы для AutoCAD

 HPGL Графический язык HP

 Системы вставки IGF (HiJaak)
 IGS IGES

 MCS MathCAD
 Метафайл MET OS / 2
 Файл разметки информационной графики MRK

 Плоттер P10 Tektronix (PLOT10)
 PCL HP LaserJet
 Рисунки PCT Mac PICT
 PDW HiJaak
 Плоттер PGL HP
 PIC Разнообразие форматов изображений
 Системы вставки PIX (HiJaak)
 Файл чертежа PLT HPGL
 PS PostScript, уровень 2

 Формат САПР RIS AUCOTEC
 RLC Image Systems "CAD Overlay ESP"
       векторные файлы, наложенные на растр

 SSK SmartSketch
 SVG Масштабируемая векторная графика (XML)

 Метафайл Windows WMF
 WPG WordИдеальная графика
 WRL VRML