Чем отличается формат JPG от PDF?
Чем отличаются форматы изображений и зачем они нужны
Чем отличаются форматы изображений и зачем они нужны
Одно и то же изображение в разных форматах может иметь разный размер и разное качество. Почему так, для чего используются разные форматы и чем они отличаются — разбираемся в статье.
Это необработанный файл изображения без сжатия. Вы получаете файлы RAW, делая снимки на цифровом зеркальном фотоаппарате. По этой причине такие файлы огромны — каждый из них легко может занимать 25 МБ. Это подходит для редактирования фотографий, но не для их хранения, поэтому и существует сжатие изображений.
В статье будет использоваться одна и та же фотография для сравнения. В браузере нельзя отобразить её в формате RAW, но просмотр высококачественных фотографий в формате JPEG или PNG должен дать представление о том, как выглядит оригинал. Также для сравнения необработанный файл этой фотографии имеет размер 12,4 МБ.
Наиболее распространённый формат изображений JPEG (или JPG) является стандартом организации Joint Photographic Experts Group и часто используется для публикации фотографий и изображений текста в интернете. Формат поддерживает 24 бита на пиксель, по 8 для зелёного, синего и красного, что делает этот формат «truecolor», который может отображать более 16 000 000 цветов.
13 сентября – 9 октября, Санкт-Петербург и онлайн, Беcплатно
JPEG способен создавать изображения высокого качества, но это всё равно формат сжатия с потерями. Вот почему вы часто будете видеть варианты «низкое», «среднее» и «высокое» качество при экспорте изображения в формате JPEG. Каждый параметр уменьшает степень сжатия и повышает качество фотографии. Вот фотография в форматах JPEG высокого, среднего и низкого качества с соответствующими размерами.
JPEG высокого качества (качество установлено на 100), размер: 471 КБ
JPEG среднего качества (установлено качество 50), размер: 68 КБ
JPEG низкого качества (качество установлено до 20), размер: 32 КБ
Высококачественный JPEG обычно является хорошим компромиссом между размером и качеством. Однако, как только вы создаёте JPEG среднего и низкого качества, изображение значительно ухудшается. Кроме того, JPEG лучше всего подходит для фотографий или рисунков, у которых меньше резких переходов, чем у текста.
Graphics Interchange Format (GIF) допускает 8 бит на пиксель, по три на красный и зелёный и два на синий. Поэтому GIF-файлам доступны 256 цветов, хотя можно получить и больше, используя несколько цветовых блоков с различными 256-цветными палитрами. При сжатии без потерь GIF-файлы могут идеально воспроизводить свои ограниченные цветовые палитры при многократном повторном сжатии.
Вот тестовая фотография в кодировке GIF:
Размер GIF: 194 КБ
Как вы можете видеть, размер относительно невелик, но отсутствие глубины цвета ухудшает качество изображения (это особенно заметно при переходах между светлым и тёмным, например, внутри края синего горшка с жёлтым цветком на правой стороне фото).
Другая важная вещь, которую нужно знать о GIF-файлах, заключается в том, что они могут быть анимированными, чему можно найти множество интересных применений. Используя несколько кадров изображения, нарисованных по порядку, можно создать видимость движения. Помимо создания анимации, формат GIF редко используется из-за его ограниченного цветового пространства.
Более подробно ознакомиться с вариантами использования анимированных GIF-файлов вы можете, перейдя на эту страницу.
Тип файла Portable Network Graphics, предназначенный для замены GIF, — это ещё один формат сжатия без потерь. Он содержит значительно больше информации, чем его предшественник: 24 или 32 бита на пиксель. 24-разрядная версия содержит информацию RGB, а 32-разрядная использует цветовое пространство RGBA. «A» в RGBA означает «альфа», что обеспечивает разные уровни прозрачности изображения (клетчатый фон, как на рисунке ниже, обычно указывает на прозрачность).
Поскольку PNG-файл содержит гораздо больше информации, он будет немного больше, чем JPEG или GIF.
Размер PNG: 1,5 МБ
Эта фотография PNG выглядит не лучше, чем высококачественный JPEG, хотя важно помнить, что сжатие без потерь будет поддерживать качество фотографии при многократном повторном сжатии. Кроме того, если важна прозрачность, PNG — верное решение.
The Tagged Image File Format изначально разрабатывался для сканеров и становился всё более сложным по мере того, как сканеры переходили от чёрно-белого к полутоновому и до полноцветного изображения. Теперь это широко используемый полноцветный тип файла. TIFF-файлы могут быть сохранены в сжатом или несжатом виде, а используемое сжатие может быть с потерями или без. В большинстве случаев будет использоваться сжатие без потерь, хотя, если размер важен, можно пожертвовать качеством.
Поскольку TIFF технически является обёрткой или контейнером файла, он может сохранять изображения с различными битами на пиксель, предоставляя вам возможность иметь очень большое количество цветов, как это было бы с JPEG или PNG.
Примечание Поскольку поддержка TIFF не универсальна в браузерах, показаны высококачественные JPEG-скриншоты TIFF-файлов.
Несжатый размер TIFF: 2,2 МБ
Размер сжатого файла TIFF: 1,6 МБ
Эти файлы изображений без потерь немного объёмнее, чем форматы JPEG или GIF, но они содержат гораздо больше информации. Хотя в интеренете вы не видите TIFF так же часто, как другие форматы, он очень широко используется и может быть открыт практически любой программой для редактирования изображений.
Это старый формат, который уже не так часто используется. Из-за проблем с отображением этого формата в браузерах используется скриншот BMP в высококачественном JPEG ниже, чтобы вы могли увидеть, как он выглядит.
BMP (bitmap) — это, прежде всего, формат для Windows, и стандарт поддерживается Microsoft. Как и TIFF, он может хранить произвольное количество бит на пиксель, вплоть до 64, а значит, он содержит много информации об изображении. Этот формат может содержать данные о прозрачности, но некоторые приложения Microsoft не позволяют их читать.
Короче говоря, если у вас есть BMP, конвертируйте его во что-то другое. Всё будет работать лучше.
Размер BMP: 1,1 МБ
Какой формат изображений лучше использовать?
Короткий ответ: для большинства целей PNG — очень достойный вариант. Особенно если изображения большого размера. Например, для печати фотографий размером 8×10 и более. Различие между типами файлов наиболее очевидны на напечатанных фотографиях. А сжатие без потерь означает, что качество будет поддерживаться в течение нескольких циклов сжатия.
JPEG высокого или даже среднего качества, скорее всего, подойдёт, если вам нужна более высокая степень сжатия, например для отправки фотографий по электронной почте.
TIFF в основном полезен, если вы знаете, как настроить определённые параметры. Следует избегать как GIF, так и BMP (если, конечно, вы не создаёте анимированные GIF). Рекомендуется хранить RAW-файлы, чтобы вы всегда могли редактировать свои фотографии прямо из исходника.
Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.
Перейти к регистрации
Форматы изображений: какой из них выбрать?
Предположим, вы только что завершили дизайн-проект, собираетесь сохранить файл, и в этот момент нужно выбрать правильное расширение для файла. Если вы не понимаете разницы между этими форматами, то будет достаточно сложно выбрать из них подходящий, но сегодня мы решили помочь вам, и объяснить одну простую вещь:
- Форматов изображений много, но важны лишь некоторые из них
- Растровые и векторные изображения
- Выбираем правильные форматы изображений
- Растровые форматы
- JPEG
- GIF
- PNG
- TIFF
- PSD
- Векторные форматы
- EPS
- AI
- Другие форматы
- Конвертируем разные типы файлов
Форматов изображений много, но важны лишь некоторые из них
Существует одно главное правило – для каждой задачи предусмотрены свои форматы изображений. Существует множество различных форматов, с которыми вы никогда даже не столкнетесь, особенно если занимаетесь дизайном печатной продукции.
Постараемся выяснить, какие форматы изображений нам могут пригодиться.
Растровые и векторные изображения
Чтобы действительно понять разницу между типами изображений, для начала нужно выяснить, чем отличаются растровые изображения от векторных.
Растровые изображения состоят из пикселей, и могут быть выражены в чем угодно: от простых иллюстраций до комплексных изображений вроде цветных фотоснимков.
Так как растровые изображения состоят из фиксированного набора пикселей, при их масштабировании не избежать потери качества, особенно если их увеличивать. Они зачастую используются в качестве финального продукта, готового к отправке в печать или к публикации на сайте.
Векторные изображения на самом деле являются не совсем изображениями, – это нечто вроде математических формул, напрямую взаимодействующих с компьютером, сообщая ему координаты фигур, которые нужно отобразить. Благодаря этому, векторные изображения можно масштабировать без потери качества, так как формула просто-напросто подстраивается под необходимые размеры конечного рисунка.
Векторные изображения используются для создания текстов и логотипов, и они не способны отобразить комплексные графические продукты вроде фотографий. Обычно они используются как рабочие файлы, которые позже конвертируют в растровые изображения для сайтов. Но с их помощью также можно разрабатывать графику для последующей печати:
Выбираем правильные форматы изображений
Классификация основных типов файлов, используемых в печати и веб-дизайне, подразумевает нечто большее, чем простое разделение на вектор и растр. Как растр, так и вектор – это лишь два крупных семейства, которые насчитывают множество различных форматов изображений с разными преимуществами, недостатками и предназначением.
Растровые форматы
Многие недолюбливают JPEG , но стоит отметить, что он просто не совсем подходит для печати. В JPG -формате используется сильное сжатие. Это хорошо, если требуется максимально уменьшить размеры файла, но это не совсем подходит с точки зрения качества картинки, которую вы собираетесь распечатывать. Поэтому этот формат нельзя использовать при создании, скажем, логотипов.
Именно благодаря маленькому размеру файлов, JPEG часто используется в веб-дизайне, так как это положительно влияет на скорость загрузки страниц. JPG -формат также широко используется для цифровых фотографий, так как потери в качестве незаметны, а благодаря меньшему размеру на флешке или жестком диске умещается гораздо больше снимков.
Учитывая все эти преимущества, JPG зарекомендовал себя в качестве «стандартного» формата для всего, что находится за пределами области дизайна. На практике вам наверняка придется столкнуться с клиентами, которые предоставят собственные логотипы в ужасном качестве или с теми, кто предпочитает работать исключительно с этим форматом, потому что знают только его. Сделайте все возможное, чтобы привлечь их внимание к другим, более подходящим, форматам.
Кажется, никто и никогда так и не произнес название этого формата правильно. Дизайнеры часто четко произносят первую букву G или диктуют все три буквы по очереди, однако его создатель, Стив Уилхайт , утверждает, что правильно произносить название как « джив ». Хотя его аббревиатура расшифровывается как Graphics Interchange Format (« формат для обмена изображениями »), а сам он главным образом используется в веб-дизайне.
Преимущество GIF ( которое также отличает его от остальных веб-форматов для изображений ) в том, что эти картинки можно анимировать.
Кроме того, GIF поддерживает прозрачность, что иногда позволяет существенно снизить вес файлов. Однако понятие маленького веса относительно, так как чем больше цветов используется, тем больше будет весить файл. Также важно учитывать количество кадров, так как каждый кадр также влияет на вес файла и увеличивает время загрузки веб-страницы.
Формат PNG совмещает в себе преимущества JPG и GIF , однако, у него есть четкие рекомендации к использованию. Как и JPG , PNG -формат идеально подходит для фотографий, и при этом позволяет сохранить даже лучшее качество снимков, чем JPG . PNG также поддерживает прозрачность, поэтому это почти идеальный вариант для дизайнеров, которым нужны прозрачные элементы, но при этом они не могут пожертвовать качеством графики.
Основной недостаток PNG — большой размер файла, а это отрицательно сказывается на скорости загрузки сайта. Этот формат лучше всего использовать выборочно для элементов, где требуется высокое качество, которое JPG и GIF не способны предложить ( например, высококачественные логотипы ). PNG также относится к растровым форматам изображений, поэтому при масштабировании таких файлов вы рискуете потерять качество.
TIFF ( иногда TIF ) – формат файла без сжатия, а это значит, что при сохранении он вообще не подвергается компрессии. TIFF также поддерживает послойную структуру.
Этот формат зачастую называют « готовым к печати » хотя большинство принтеров лучше работают с родными типами файлов вроде AI и PSD .
Кроме того, TIFF слишком тяжелый формат для веб-дизайна. А размеры файлов могут отпугнуть неопытных клиентов, так что постарайтесь подготовить проекты в более распространенных форматах.
PSD представляет собой родной формат программы Adobe Photoshop . Это значит, что беспрепятственно редактировать эти файлы можно только в Photoshop .
PSD нельзя использовать на страницах сайта, и мы настоятельно не рекомендуем вам высылать клиентам превью дизайнов в этом формате. Однако он отлично подходит для последующей печати или для обмена файлами проектами с другими дизайнерами.
Векторные форматы
EPS – стандартный векторный формат файлов, состоящий из многочисленных формул и чисел, за счет которых генерируется векторная иллюстрация. Это идеальный формат для тех элементов дизайна, которые обычно нужно масштабировать ( например, логотипы ).
Файлы в EPS -формате готовы к печати, однако, это не тот формат, который нужно использовать в веб-дизайне. Зачастую после утверждения дизайна страницы его составные элементы конвертируются в PNG, JPG и GIF .
Элементы дизайна, сохраненные в формате EPS , можно открыть в любом редакторе с поддержкой векторной графики. Следовательно, EPS больше подходит для обмена файлами с клиентами, печати на принтере или для совместной работы над проектом с другими дизайнерами.
AI – еще один брендовый векторный формат от Adobe , предназначенный для работы в программе Illustrator . AI -файл нельзя встраивать в веб-страницы, и это не тот формат, который используется для отправки проектов клиенту. Но он хорошо подходит для внутреннего использования и для печати.
Другие форматы
PDF -формат от Adobe идеально подходит как для печатной продукции, так и для цифрового использования. Это формат, с которым « справится » любой клиент, и который без проблем можно распечатать на принтере. В PDF -документ можно поместить как растровые, так и векторные изображения, или даже комбинировать их в едином документе.
Конечно, придется сильно постараться, чтобы качественно отобразить содержимое PDF -документа на странице сайта, однако можно реализовать его скачивание. Этот формат также идеально подходит для отправки клиентам превью финального результата.
Однако PDF больше подходит для печатных продуктов вроде книг, брошюр или листовок.
Конвертируем разные типы файлов
В процессе работы над дизайном печатной продукции, вам, возможно, придется прыгать от одного формата к другому. Иногда нужно поместить JPG -фотографии и EPS -логотип в общий проект, работа над которым ведется в PSD -файле в Photoshop .
Хорошо то, что у каждого формата изображений есть сильные стороны, и опытный дизайнер знает, как из них извлечь выгоду. Велика вероятность, что один и тот же элемент дизайна понадобится вам в разных форматах: основной исходник логотипа будет храниться в EPS -формате, его PNG -версия будет использоваться на сайте, а анимированная GIF -версия припасена для особых случаев.
При помощи Photoshop и Illustrator вы можете сохранять и конвертировать изображения практически в любые форматы. Но стоит отметить, что сохранение картинки с низким разрешением в какой-то специфический формат не поможет вам улучшить его качество. А вот сохранение высококачественного изображения в формат с использованием сжатия приведет к потере качества.
Конвертировать векторное изображение в растровое очень просто – нужно указать желаемый растровый формат при сохранении. Однако такое действие сожмет векторы в пиксели, а это значит, что вы больше не сможете « безболезненно » масштабировать сохраненное изображение, поэтому мы рекомендуем на всякий случай оставить копию исходного файла.
Конвертирование растрового изображения в векторное – это целая наука. Нет простого способа конвертировать пиксели растрового изображения в формулы, генерирующие векторы. Самый проверенный способ – это просто перерисовать картинку при помощи векторов.
Разница между JPEG и PDF
Как многие из нас уже знают, существует множество различных форматов или расширений файлов, которые мы создаем и храним на наших компьютерах. Эти расширения соответствуют различным приложениям, котор
Содержание:
Как многие из нас уже знают, существует множество различных форматов или расширений файлов, которые мы создаем и храним на наших компьютерах. Эти расширения соответствуют различным приложениям, которые могут читать и открывать соответствующие файлы. Существует много разных типов файлов, некоторые из которых зависят от типа файла. Например, .doc или .docx — это файл Microsoft Word, тогда как .ppt — это файл Microsoft PowerPoint. Именно эти расширения позволяют запускать соответствующее приложение, когда мы дважды щелкаем файл, чтобы открыть его. В этой статье мы будем различать два таких формата, которые известны как PDF и JPEG.
PDF — сокращение от Portable Document Format — это формат, который используется для представления различных типов документов в удобочитаемом или видимом виде. PDF больше похож на универсальный формат, который не зависит от аппаратного обеспечения, операционной системы, программного обеспечения или приложения. Типичный файл PDF содержит полное описание плоского документа с фиксированным макетом. Это включает в себя текст, графику, шрифты, а также другую информацию, которая необходима для отображения содержимого файла. Наиболее распространенным приложением, которое используется на компьютерах и смартфонах для открытия файлов PDF, является Adobe Reader. PDF-файлы очень полезны; они могут использоваться в качестве альтернативы многим различным типам данных; для хранения документов как в Microsoft Word, слайдов как в PowerPoint, изображений как в JPEG и так далее.
JPEG, с другой стороны, является очень распространенным методом, который фактически сжимает цифровые изображения так называемым сжатием с потерями. Расширение файлов JPEG: .webp или .jpeg. Это особенно используется для сжатия изображений, которые производятся цифровой фотографией. Сжатие может быть в разной степени. Двумя основными параметрами, которые необходимо учитывать при сжатии, являются размер файла и качество изображения, которые прямо пропорциональны. Что хорошо в сжатии JPEG, так это то, что он обеспечивает сжатие 10: 1, и при сжатии качество практически не ухудшается.
JPEG — это, как правило, файл графического изображения, тогда как PDF — это файл документа. Это главное отличие двух форматов. Оба они могут быть преобразованы в другие, но обычно они используются для разных целей. Обратите внимание, что для одного и того же файла, который доступен в двух форматах, изображение JPEG определенного документа будет иметь меньший размер, чем тот же документ, что и файл PDF. Это просто потому, что JPEG является методом сжатия.
В дальнейшем файл PDF сохраняет исходный макет любого документа, но также оставляет различные части документа открытыми для редактирования. Однако файлы JPEG сжимают различные компоненты изображения или документа в один файл, который нельзя разделить на исходные компоненты.
Другое различие в том, что касается копирования текста. PDF позволяет вам копировать выбранный текст из файла, в то время как JPEG не позволяет копировать выбранный текст из файла, хотя все изображение можно скопировать как есть.
Как упоминалось ранее, два формата могут быть преобразованы друг в друга. Преобразование JPEG в PDF защитит макет изображения, тогда как преобразование в другом направлении приводит к сжатому изображению документа.
Резюме
-
- PDF или Portable Document Format — это формат, который используется для представления различных типов документов в удобочитаемой или видимой форме; JPEG-метод, который очень часто используется, сжимает цифровые изображения в так называемое сжатие с потерями
- JPEG — это, как правило, файл графического изображения, тогда как PDF — это файл документа.
Как и когда использовать самые распространенные форматы графических файлов
Вы когда-нибудь задумывались над тем, чем отличаются такие виды форматов графических файлов, как JPG и PNG, и в каких случаях каждый из них надлежит использовать?
Если углубиться в графический дизайн, то можно найти много как интересного и полезного, так и непонятного и способного довести до безумия. Чтобы разобраться в хитросплетениях «графической вселенной», мы предлагаем вам прочесть эту статью и больше не ломать голову на этим вопросом.
Терминология
Векторная и растровая графика
Прежде чем описывать форматы растровых, векторных графических файлов, нужно разобраться, чем отличается растровая графика от векторной.
Растровые изображения состоят из сотен и тысяч рядов пикселей. Такие форматы, как 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, и оно позволяет восстановить распакованные данные с точностью до бита.
Форматы графических файлов: особенности
Перечислим основные форматы графических файлов и рассмотрим каждый из них.
Формат графического файла 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 нам знаком по анимированным рекламным баннерам. В более простой форме 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 позволяет сохранять изображения во всех описанных выше форматах.
Основной недостаток этого редактора в том, что он работает только с растровой графикой.
Формат графических файлов 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-графику обычные картинки.
Заключение
Работа с графическими файлами на первый взгляд может показаться делом довольно трудоемким, но стоит только вникнуть во все особенности рассмотренных выше файлов и столкнуться с ними на практике, как все трудности сменятся радостью первооткрывателя.
Пользуйтесь нашими нехитрыми советами, осваивайте красочный мир графики и творите незабываемые шедевры на ваших лендингах.
Электронные книги и их форматы: рассказываем про PDF — его историю, плюсы и минусы
В нашем блоге мы уже обсуждали специфику стандартов DjVu, FB2 и FB3. Сегодня рассказываем про формат PDF, который стал воплощением мечты о «безбумажном офисе».
/ Flickr / Kim Siever / PD
Краткая история формата
Создателем PDF, или Portable Document Format, выступил Джон Уорнок (John Warnock), один из основателей Adobe, который захотел облегчить процесс распечатки текста и изображений с компьютера. В 1984 году Уорнок представил язык описания страниц PostScript.
В «Википедии» в качестве примера приводится код на PostScript, который отрисовывает несколько слов «Wikipedia» по кругу.
Изначально PostScript разрабатывался как инструмент для распечатки документов на принтере, но позже Уорнок решил, что с помощью нового языка можно не только выводить документы на печать, но и полностью «оцифровать» систему документооборота.
В рамках этого видения в Adobe (основателем которой был Уорнок) создали формат IPS (расшифровывается аббревиатура как Interchange PostScript). Для работы с ним был создан Adobe Illustrator — кроссплатформенный графический редактор для Windows и Mac.
Впервые IPS показали на конференции Seybold в Сан-Хосе в 1991 году, но с таким названием формат просуществовал два года — в 1993 его переименовали в PDF. Тогда же появились Acrobat Distiller и Acrobat Reader (позднее переименованная в Adobe Reader).
Первое время PDF не пользовался популярностью. Всему виной была высокая цена на софт: Acrobat Distiller для личного пользования стоил 700 долларов, а для корпоративного — 2500 долларов. За Acrobat Reader просили еще 50 долларов. Со временем Adobe снизили цены, и популярность PDF стала набирать обороты.
К началу нулевых Acrobat Reader 4.0 скачали сто миллионов человек, а PDF-формат стали использовать крупные ИТ-компании, например Microsoft и Apple.
Как «работает» PDF
Базовый подход к представлению графики и текста в PDF очень похож на тот, что использовался PostScript. За отображение текста на странице отвечают так называемые текстовые элементы. Они обозначают, в каком месте должны быть отрисованы символы. На «Википедии» приводится код для написания Hello World:
Для отрисовки векторной графики в PDF используются контуры (paths): прямые линии или кубические кривые Безье. Фигуры, построенные с помощью контуров, можно залить цветом или заштриховать. Что касается растровых изображений, то их представляют в виде словарей и потоков. В словарях описаны свойства, а поток содержит двоичную информацию об изображении.
Размер PDF-файла зависит от разрешения картинок, параметров шрифтов, использования гиперссылок, видео и проч. До двухтысячных годов размер PDF-файлов измерялся мегабайтами, потому что большинство документов составляли из JPEG-картинок. Для решения этой проблемы в Adobe предложили технологию сжатия MRC (Mixed Raster Content).
MRC «делит» отсканированный файл на слои: фоновый слой, слой текста и цветовую маску. За сжатие информации, имеющейся на каждом слое, отвечает свой кодек. Например, для текста может использоваться JBIG2, который формирует группы из похожих букв и составляет из них словарь. Так, одинаковые символы кодируются по одному разу, а в остальных местах используются просто ссылки на них.
Для сжатия другого контента задействуют кодеки JPEG, JPEG2000 или ZIP. С помощью них сохраняются фон изображения, цветовыделение текста, картинки и фотографии. За счет такого подхода размер каждой страницы уменьшается в два раза и более. Наглядные примеры сжатия PDF приводит компания Abbyy в их блоге на Хабре.
Достоинства формата PDF
Одним из главных достоинств PDF-файлов является тот факт, что все страницы выглядят именно так, как их задумал автор документа. Формат сохраняет оригинальный фон, шрифты и картинки в первозданном виде, независимо от устройства или операционной системы. При этом PDF позволяет работать с интерактивными элементами: гиперссылками для навигации по сноскам. Также в документ добавляются медиафайлы: музыка, GIF и даже видеоролики.
При этом PDF-файл можно сделать доступным только для чтения, что помогает защитить содержимое документа от копирования и внесения изменений. Для дополнительной защиты есть возможность поставить пароль или электронную подпись.
Другое достоинство формата — его доступность. Программа для чтения PDF-документа Adobe Acrobat Reader сегодня лежит в сети в свободном доступе. Открывать PDF можно и на электронных книгах. Большая часть из них «умеет» работать с этим форматом по умолчанию. Его поддерживают многие приложения-читалки, например, FBreader или NEO Reader.
Минусы формата
Неизменяемость PDF-формата, хотя и является его достоинством, также оказывается большим недостатком. Такие файлы (в особенности крупные схемы и графики, ноты, документы большого формата) сложно читать на устройствах с небольшими экранами — смартфонах, или компактных электронных ридерах. Страница просто не помещается на экране устройства, или текст отображается слишком мелким.
На рынке есть электронные читалки с разрешением дисплея в 13,3 или 10,3 дюйма, что позволяет комфортно работать с листами PDF формата А4. Примерами таких гаджетов могут быть ONYX BOOX MAX 2 (обзор которого мы подготовили в нашем блоге), ONYX BOOX Note или ONYX BOOX Gulliver (на него тоже есть обзор). Они дают возможность рассмотреть все детали чертежей и иллюстраций в оригинальном размере и подойдут тем, кому часто приходится читать техническую литературу. Однако стоимость таких гаджетов довольно высока.
Возникает и другая проблема с отображением страниц документов. Она связана с форматом JBIG2. Хотя кодек позволяет сжать текст в несколько раз, он подвержен влиянию проблемы «инь» (о ней мы писали в материале про DjVu). При сжатии текста и составлении словаря некоторые символы заменяются на похожие (например, «и» превращается в «н»), что приводит к искажению сути текста.
С редактированием PDF-файлов также возникают проблемы, так как для этого приходится устанавливать специальные программы, которые часто платные (например, Acrobat DC). В сети найдутся и бесплатные сервисы для редактирования вроде PDF2GO, но они позволяют лишь добавить текст или картинки «поверх» оригинального файла.
Дальнейшее развитие
Несмотря на недостатки, сегодня PDF остается популярным форматом. Маркетинговая компания HubSpot спросила три тысячи посетителей своего сайта о том, что они делают с электронными книгами: читают онлайн или скачивают в PDF. Выяснилось, что 90% респондентов предпочитают скачивать PDF-файл.
Разработчики постоянно добавляют новые фичи, в том числе и для чтения на портативных гаджетах. К примеру, в начале 2018 команда Adobe снабдила приложение Acrobat DC улучшенными функциями отображения и редактирования файлов на мобильных устройствах.
Кроме того, в августе появились сведения о новом проекте — PDF audible. Он позволит совместить возможности PDF и функциональность голосовых помощников: Alexa, Google Home и Siri. Пока готов только прототип, но разработчики обещают выпустить рабочую версию в ближайшее время.
В Adobe следят за новыми направлениями и намерены сделать формат более интерактивным, например, добавить функции дополненной реальности. Как это будет выглядеть, пока не ясно, но разработчики обещают, что PDF-экосистема в ближайшие годы выйдет на новый уровень взаимодействия с пользователем.
Дополнительное чтение — обзоры ридеров ONYX BOOX:
Форматы графических файлов — JPG, PNG, SVG, PDF.
Обновлено 21 марта, 2020
- Logaster
- /
- Blog
- /
- Форматы файлов
- Растровые форматы.
- Векторные форматы.
Поначалу, все эти аббревиатуры вводят в ступор и отнимают речь, но сейчас все встанет на свои места.
И так, нам нужно разобраться, что такое растровая и векторная графика. Об этом мы уже писали раньше. Теперь по порядку
Растровые форматы.
Форматы растровых изображений, которые встречаются наиболее часто: .jpg (он же .jpeg) и png.
JPG.
Самый распространенный, узнаваемый и нестрашный — .jpg.
Если кратко, то он позволяет сохранять изображения достаточного качества, занимая при этом минимум места. Это важно, прежде всего, для Интернет среды.
Уникальность формата – контролируемая потеря качества при сжатии. Пользователю/редактору графического изображения доступна функция управления сжатием, в отличии от .png. Все очень просто: в .jpg вы выбираете насколько, относительно оригинала, урезать качество изображения и тем самым определяете размер будущего файла. Чем хуже качество, тем меньше размер. Это позволяет экономить колоссальное количество места на диске.
.jpg наиболее применим для хранения цифровых фотографий (изображений, содержащих плавные переходы цвета, теней, яркости) и передачи растровых изображений по сети Интернет.
PNG.
В .png изображение сжимается без потерь. Наиболее распространенными для .png являются задачи хранения графической информации с резкими границами, узорчатые рисунки, текстовая графика, отдельные графические элементы (логотипы, орнаменты, пиктограммы).
Основное преимущество формата .png — хранение и использование промежуточных этапов редактирования. Это следствие того, что сжатие, на любом этапе сохранения, проходит без потери качества.
Векторные форматы.
PDF.
.pdf – знаком всем, кто хоть раз сталкивался с производством печатной продукции. Макеты печатных продуктов (листовки, буклеты, каталоги) предоставляются полиграфии в формате .pdf. Они могут содержать элементы как векторной так и растровой графики, например, тексты или даже видео.
Уникальность .pdf – документы читаются не только специализированными Adobe приложениями, но и самым распространенным Microsoft Word. Формат универсальный и очень популярный, в т.ч. за счет того, что многие программные продукты его понимают.
SVG.
Буквально .svg значит «масштабируемая векторная графика». Применим для создания и хранения 2D-векторных изображений, в т.ч. и анимированных. Поскольку это векторное изображение, то его можно увеличивать целиком или частями без потери качества.
Уникальность .svg в том, что текст в нем можно редактировать в любом текстовом редакторе, даже поисковые системы будут воспринимать текст вашего лого как текст, и он будет индексироваться поисковыми машинами.
Пока все.
Более подробно обо всех этих форматах вы узнаете в цикле статей на нашем блоге.
Обновлено 21 марта, 2020
Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.
