Png и psd в чем разница

Форматы изображений: какой из них выбрать?

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

Форматов изображений много, но важны лишь некоторые из них

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

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

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

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

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

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

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

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

Выбираем правильные форматы изображений

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

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

JPEG

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

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

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

GIF

Кажется, никто и никогда так и не произнес название этого формата правильно. Дизайнеры часто четко произносят первую букву G или диктуют все три буквы по очереди, однако его создатель, Стив Уилхайт , утверждает, что правильно произносить название как « джив ». Хотя его аббревиатура расшифровывается как Graphics Interchange Format (« формат для обмена изображениями »), а сам он главным образом используется в веб-дизайне.

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

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

PNG

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

Основной недостаток PNG — большой размер файла, а это отрицательно сказывается на скорости загрузки сайта. Этот формат лучше всего использовать выборочно для элементов, где требуется высокое качество, которое JPG и GIF не способны предложить ( например, высококачественные логотипы ). PNG также относится к растровым форматам изображений, поэтому при масштабировании таких файлов вы рискуете потерять качество.

TIFF

TIFF ( иногда TIF ) – формат файла без сжатия, а это значит, что при сохранении он вообще не подвергается компрессии. TIFF также поддерживает послойную структуру.

Этот формат зачастую называют « готовым к печати » хотя большинство принтеров лучше работают с родными типами файлов вроде AI и PSD .

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

PSD

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

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

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

EPS

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

Файлы в EPS -формате готовы к печати, однако, это не тот формат, который нужно использовать в веб-дизайне. Зачастую после утверждения дизайна страницы его составные элементы конвертируются в PNG, JPG и GIF .

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

AI

AI – еще один брендовый векторный формат от Adobe , предназначенный для работы в программе Illustrator . AI -файл нельзя встраивать в веб-страницы, и это не тот формат, который используется для отправки проектов клиенту. Но он хорошо подходит для внутреннего использования и для печати.

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

PDF

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

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

Однако PDF больше подходит для печатных продуктов вроде книг, брошюр или листовок.

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

В процессе работы над дизайном печатной продукции, вам, возможно, придется прыгать от одного формата к другому. Иногда нужно поместить JPG -фотографии и EPS -логотип в общий проект, работа над которым ведется в PSD -файле в Photoshop .

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

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

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

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

Какие бывают форматы изображений и чем GIF отличается от PNG и JPEG

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

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

Содержание

1. Какие бывают форматы изображений
2. Растровые форматы изображений
3. Векторные форматы изображений
4. Что такое RAW-формат
5. Как конвертировать один формат в другой

Какие бывают форматы изображений

Узнайте, какой вы дизайнер, на бесплатном проекте «Искра»

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

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

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

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

RAW-формат

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

Узнайте, какой вы дизайнер, на бесплатном проекте «Искра»

Растровые форматы изображений

GIF

Формат изображения GIF (Graphics Interchange Format) — это тип файла, который можно использовать для статических изображений, но чаще всего они ассоциируются с анимацией, то есть серией изображений, которые автоматически воспроизводятся по кругу. GIF — это старый формат, поэтому он 8-битный. Это означает, что его цветовой диапазон картинки будет ограничен 256 цветами. Зато разрешение этих файлов обычно меньше, чем у других типов, и загружаются они легче.

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

Файлы в формате GIF используют для веб-графики или логотипов с четкими краями и небольшим количеством цветов. Но гораздо чаще они используются в переписках для обозначения реакции или в качестве мемов в социальных сетях.

Изображения имеют расширение .gif и открываются во множестве программ. Например, в стандартных программах просмотра изображений на Windows и MasOS, в браузерах Google Chrome, Firefox, Microsoft Edge или Safari, а также в программах для работы с растровыми и векторными изображениями, например, Photoshop, Illustrator или CorelDraw.

PNG

PNG (Portable Network Graphics) — это самый известный формат изображения, который может иметь прозрачный или полупрозрачный фон, поэтому PNG часто используется для передачи изображений с прозрачными участками, таких как логотипы или веб-графика.

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

Изображения имеют расширение .png и открываются во всех стандартных программах для просмотра изображений на Windows или MasOS, а также в Adobe Photoshop, Adobe Illustrator, Paint и Paint 3D и в любом браузере.

JPEG

JPEG расшифровывается как Joint Photographic Experts Group. Это название компании, которая разработала сам формат в начале 1990-х годов. Сегодня JPEG до сих пор остается самым популярным форматом для передачи растровых изображений. Чаще всего формат JPEG используют для работы с фотографиями.

В отличие от 8-битного формата GIF, который поддерживает 256 цветов, JPEG имеет 24-битное разрешение, а значит, в нем доступно гораздо больше цветов — примерно 16,8 млн.

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

Файл может иметь расширение .jpeg или .jpg. Это одно и то же расширение, просто «.jpg» — это сокращенная форма. Его можно открыть в любой программе для просмотра изображений и в любом браузере, а также в большинстве графических редакторов.

Что выбрать: JPEG или PNG

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

Вот чем отличаются форматы JPEG и PNG:

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

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

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

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

TIFF

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

Файлы TIFF хранят информацию о слоях, поэтому их легко редактировать в Adobe Photoshop. Их часто используют профессиональные фотографы и издательства. Также они идеально подходят для сканирования архивных документов в высоком качестве. Например, NASA использует формат TIFF для хранения снимков с космических телескопов.

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

PSD

Формат PSD позволяет сохранять работы, созданные в Adobe Photoshop. Чаще всего их используют диджитал-художники, дизайнеры и рекламные агентства.

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

Эти файлы имеют расширение .psd, но если открыть любой из них в Adobe Photoshop, то можно будет конвертировать изображение в другой подходящий формат, например, в PNG, JPEG или PDF.

WebP

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

Максимальный размер изображений WebP составляет 16 383 x 16 383 пикселей. Это может быть фактором, который следует учитывать, прежде чем добавлять изображения WebP на веб-сайт или в другое место.

Файл имеет расширение .webp и открывается в основном в браузере. Формат поддерживают Google Chrome, Safari, Firefox, Edge и Opera

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

• Создайте или отредактируйте изображение с помощью Photoshop, затем нажмите «Сохранить как».
• Сохраните файл как WebP с помощью меню «Формат».
• Выберите имя и место для нового файла WebP и нажмите «Сохранить».
• Появится панель настроек, в которой вы сможете редактировать файл дальше.

Также WebP можно перевести в другой формат с помощью специального ПО или онлайн-конвертера.

Векторные форматы изображений

SVG

SVG (Scalable Vector Graphics) — это формат векторной графики, который подходит для работы с изображениями, анимацией и веб-графикой. Основное отличие SVG заключается в том, что он не является растровым форматом, поэтому не теряет качество при увеличении изображений. Например, JPEG, PNG, GIF и TIFF — это растровые файлы, которые как раз теряют качество при увеличении.

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

Файлы имеют разрешение .svg, и их можно редактировать с помощью программ как для векторной, так и для растровой графики, в то время, как файлы PNG — только с помощью программ для редактирования растровых изображений. Поэтому с SVG можно открывать в любом графическом и текстовом редакторе, в том числе в Adobe Photoshop, Adobe Illustrator и Adobe InDesign.

AI

AI — это тип файла, в котором хранятся работы, созданные в Adobe Illustrator. Обычно в этом формате создают и передают логотипы и иллюстрации с высокой степенью детализации. Формат отличают небольшие размеры файлов и простота масштабирования.

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

Файлы имеют расширение .ai и в основном предназначены для открытия в Illustrator, но также они интегрированы в Photoshop, InDesign и Acrobat Reader. Но можно открыть их и в сторонних приложениях, например, в Corel Draw или Serif Affinity Designer.

EPS

EPS (Encapsulated PostScript) — это формат файлов, который Adobe использовал для векторной графики в Illustrator до тех пор, пока не стал использовать собственный формат AI.

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

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

Несмотря на то, что в области векторной графики формат считается устаревшим, EPS по-прежнему совместим практически со всем программным обеспечением. Файлы с расширением .eps поддерживают все популярные графические редакторы, в том числе весь пакет Adobe, а также CorelDRAW, Serif Affinity Designer и Inkscape.

Что такое RAW-формат

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

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

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

Как конвертировать один формат в другой

Чтобы конвертировать PNG в JPEG, TIFF в PNG или любой нужный формат в какой-то другой, можно использовать несколько разных способов:

• Конвертировать файлы в графическом редакторе. Например, в Photoshop или Illustrator можно открыть большинство форматов, и пересохранить их в PNG, JPEG, PDF или GIF.
• Скачать приложения для конвертации файлов. Можно скачать установить на телефон или планшет специальные сервисы из Google Play или AppStore. Например, приложения JPEG PNG, Image Converter PDF/JPG/PNG или Convert JPG, PNG to PDF.
• Воспользоваться онлайн-конвертером. Есть специальные сервисы, которые можно найти по конкретному запросу. Например, можно ввести в поиске запрос «конвертировать TIFF в GIF» и поисковик подскажет нужный сервис. Самые популярные, универсальные и бесплатные — это ресурсы Online-Convert и Convertio.

онлайн-курс
старт в дизайне

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

Какие форматы изображений бывают: что нужно знать

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

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

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

Растр vs. вектор: в чем разница

Возможно, вы уже слышали, что есть растровые форматы и векторные.

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

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

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

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

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

Самые популярные форматы картинок

Теперь поговорим о каждом современном формате подробнее – расскажем об их свойствах и особенностях.

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

JPEG (JPG)

Расшифровывается как «Joint Photographic Experts Group». Это один из наиболее распространенных форматов графических файлов. Это расширение стало таким популярным благодаря гибким возможностям для сжатия данных: можно сохранить картинку в максимальном качестве, а можно – сжать до минимума и за секунды отправить в мессенджере или опубликовать на сайте.

Большинство социальных сетей автоматически конвертируют залитый файл в JPEG.

➕ Небольшой размер при нормальном качестве

➕ Поддерживается абсолютным большинством программ для просмотра и редактирования изображений

➖ При каждом сохранении теряется качество

➖ Также теряется качество при масштабировании

➖ Из-за сжатия может плохо отображаться текст

• JPEG открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Можно просматривать и обрабатывать в большинстве программ – в том числе в тех, что встроены в ваш компьютер изначально.

Где используют:

• Иллюстрации к статьям в блогах, онлайн-изданиях
• Социальные сети
• Рекламные изображения

PNG

Название этого формата изображений расшифровывается как «Portable Network Graphics». Формат использует сжатие без потерь. В PNG хорошо сохраняются детали и контрасты между цветами. Кроме того, это разрешение поддерживает прозрачный фон и разные степени прозрачности – можно сделать плавные переходы из четкого изображения в фон. Если на таком изображении есть текст, он будет читаться лучше, чем в файле JPEG.

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

➕ Сжатие без потери качества

➕ Поддержка прозрачного фона

➖ Большие файлы могут замедлять загрузку сайта

• PNG тоже открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Открывается в большинстве программ для просмотра и обработки файлов.

Где используют:

• Инфографики, баннеры, скриншоты, купоны и другие изображения, которые содержат много текста.

GIF

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

➕ Небольшой размер файлов

• GIF не хуже JPEG открывается во всех основных браузерах: Chrome, Safari, Firefox, Opera и так далее.
• Открывается практически во всех редакторах и программах для просмотра изображений.

Где используют:

• Мемы
• Быстрые наглядные туториалы

TIFF

Расшифровывается как «Tagged Image File Formats». Этот формат подходит для хранения и редактирования изображений большого разрешения, которые потом пойдут в печать. Это формат без сжатия, поскольку его фокус – сохранение качества.

➕ Подходит для хранений файлов высокого разрешения

➕ Поддерживает прозрачный фон и сохраняет слои

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

Где используют:

• Изображения для печати в больших форматах
• Для сканирования изображений

WebP

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

➕ Легкие файлы при хорошем качестве

➖ Поддерживается не всеми браузерами

• Google Chrome (версия 17+ на компьютере и 25+ мобильного приложения), Firefox (версия 65+), Edge (18+), Opera (11+), Safari (14+).
• Поддерживается распространенными профессиональными редакторами (типа Photoshop). Но в некоторых «родных» программах MacOS или Windows могут не открываться.

Где используют:

• Размещение изображений в интернете

HEIF

Расшифровывается как «High Efficiency Image File». Этот формат – относительно молодой конкурент JPEG. По задумке, он должен быть вдвое компактнее в сравнении со своим предшественником: при аналогичном качестве файлы весят в два раза меньше.

➕ Отличное соотношение размер/качество

➖ Не сильно распространен и не поддерживается браузерами

• Поддерживается в MacOS версии Sierra и более поздних, а также IOS 11 и более поздних версиях этой операционной системы.

Где используют:

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

RAW

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

Чаще всего RAW файлы после обработки сохраняют в растровых форматах. Кстати, единого формата RAW нет – каждый производитель фотокамер называет такие файлы по-своему. У Nikon, например, это NEF, а у Canon – CR2. Так что если совсем по-честному, то RAW – это группа форматов.

➕ Позволяет редактировать снимки – например, высветлять экспозицию и корректировать баланс белого

➕ Хранит полные данные об изображении

➖ Требуют обязательной обработки и конвертации

• В браузерах не открываются
• Поддерживаются большинством редакторов изображений

Где используют:

• Формируются фотокамерами и хранятся для дальнейшей обработки

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

SVG

Расшифровывается как Scalable Vector Graphics. Изначально формат был создан для визуализации двухмерных изображений прямо в веб-браузере. Широко используется в веб-дизайне.

➕ Распространенный формат: поддерживается большинством браузеров

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

• Все основные браузеры: Google Chrome, Edge, Firefox, Safari, Opera, Internet Explorer)
• Большинство редакторов, поддерживающих работу с векторной графикой (Adobe Illustrator, Sketch и так далее)

Где используют:

• Отлично подходит для логотипов, иконок и простых иллюстраций

EPS

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

➕ Легко преобразуются в растровые форматы

➖ Не открывается в браузерах

• Большинство векторных редакторов (Adobe Illustrator, Sketch и так далее)

Где используют:

• Для хранения и печати иллюстраций

PDF

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

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

➕ Масштабирование без потери качества

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

• Поддерживается всеми браузерами
• Открывается как в текстовых редакторах (MS Word, Google Docs)

Где используют:

• Лучший вариант для интерактивного документа или кликабельной инфографики

Помимо названных, у большинства редакторов изображений – векторных и растровых – есть свой формат. Так, «родной» формат Photoshop – это PSD , программа для верстки Adobe InDesign предлагает работать с файлами INDD , а векторные редакторы CorelDraw и Adobe Illustrator – с CDR и AI соответственно.

Как используют разные форматы изображений

Как менять формат картинок

Хорошо, с назначениями форматов разобрались. Но что делать, если к вам попал файл формата TIFF, а его нужно преобразовать в JPEG? Тут помогут специальные программы – конвертеры файлов. Мы уже рассказывали о лучших бесплатных приложениях для конвертации файлов. А сегодня расскажем про наш любимый софт такого рода – Movavi Video Converter.

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

Хотите попробовать? Скачивайте Movavi Video Converter со специальной секретной скидкой для читателей нашего блога:

Форматы изображения

Всем доброго времени суток дорогие читатели fotodizart.ru.

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

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

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

Итак, приступим:

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

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

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

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

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

Поддерживает сжатие изображений, как с потерями качества, так и без него. Кроме этого формат JPEG 2000, поддерживает «прогрессивное сжатие», которое по мере загрузки файла позволяет увидеть качественное изображение, изначально представленное как размытое. Расширение файлов: .jp2, .j2k, .jpf, .jpm, .jpg2, .j2c, .jpc.

JPEG XR – формат кодирования изображений, разработанный Microsoft. Сжимает фотографии больше и лучше JPEG 2000 может сжимать без потери качества. Поддерживает прозрачность и различную степень сжатия. JPEG XR достаточно эффективный формат для сжатия изображений, при достаточно большом проценте сжатия, на изображение практически отсутствуют артефакты.

Изображения JPEG XR загружаются быстрее, чем в формате JPEG2000. Формат поддерживает 16bit, что дает возможность хранить картинки с полным охватом цветов размером меньше чем в формате TIFF. Расширение файлов: .jxr, .hdp, .wdp.

GIF – в основном используется для изготовления графики для Интернета. Он не годится для сохранения фотографий, так как имеет ограничение по цветопередаче, по этим же причинам он не годится для полиграфии. Изображение данного графического формата состоит из точек, которые могут включать в себя от 2 до 256 цветов. Ограниченность цветопередачи и поддержка прозрачности делают его незаменимым для хранения изображений с минимум цветов, например логотипов. Еще одна особенность формата это возможность изготовления анимированных изображений. Широко применяют для создания gif (анимированных) баннеров.

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

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

PNG – это графический формат, который пришел совсем недавно на смену Gif формату, и уже успел, стань очень популярным из за того, что умеет держать прозрачность и полупрозрачность что было не возможно в его предшественнике gif. Это значит что png держит полупрозрачность в диапазоне от 1 до 99% при помощи альфа-канала с 256 градациями серого. Прозрачность работает следующим образом, в файл записывается информация о гамма — коррекции. Гамма-коррекция представляет собой определенное число яркости, контраста монитора. Это число в последующем считывается из файла и позволяет откорректировать отображение изображения за счет поправок яркости.

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

Формат используется для Макинтош, и при создании определенных презентаций только для Мак. На обычных компьютерах (не мак) PICT – формат представлен с расширением .pic или .pct, считывается определенными программами, работа с этим форматом зачастую бывает не простой.

PDF –формат предложен и разработан компанией Adobe, как формат для электронной документации, различных презентаций и верстки для пересылки его по электронной почте. И его проектная особенность была обеспечить компактный формат. По этим причинам все данные в pdf могут сжиматься, причем особенность в нем такая, что к разного рода информации применяются разные, более подходящие для этих типов данных сжатия: JPEG, RLE, CCITT, ZIP.

PCX – формат растрового изображения. Файлы pcx типа используют стандартную палитру цветов, этот формат был расширен для хранение 24-битных изображений. Этот формат аппаратно зависим. Предназначен хранить информацию в файле в том же виде, что и в видео-плате. Чтобы совместить этот формат со старыми программами необходима поддержка EGA-режима видеоконтроллера. Алгоритм сжатия быстрый и занимает малый объём памяти, но не очень эффективен, не подойдет для сжатия фотографий и детальной компьютерной графики.

ICO – этот формат разработан для хранения значков файлов. Размеры ico файлов могут быть любыми, но наиболее используемые значки со сторонами в 16, 32 и 48 пикселей. Еще используются иконки с размерами 24, 40, 60, 72, 92, 108, 128, 256 пикселей. Данные в значках обычно не сжимаются. Значки бывают в цвете True Color, High Color , или с четко фиксированной палитрой. По своей структуре файлы ICO наиболее близки к BMP формату, но отличаются от bmp присутствием маски, накладываемой на задний план с помощью операции побитового «И», что дает возможность реализовать прозрачность.

Наложение основного изображения при помощи «исключающего ИЛИ» может даже инвертировать пиксели там, где задний план был не замаскирован. А уже с Windows XP начали поддерживаться 32-битные иконки — каждому пикселю соответствует 24-бита цвета плюс 8-битный альфа-канал, который позволяет реализовать частичную прозрачность 256 уровней. При помощи альфа-канала также имеется возможность отобразить значок со сглаженными краями а также с тенью, сочетать с разным фоном, маска значка в этом в таком случае игнорируется.

CDR – это векторный формат изображения или рисунка, созданный при помощи программы CorelDRAW. Данный формат разработан компанией Corel для его использования в собственных программных продуктах компании. CDR — изображения не поддерживаются многими графическими редакторами. Но это не проблема, файл можно легко экспортировать при помощи все того же CorelDRAW в более распространенные форматы изображений. Изображения, созданные в CorelDRAW и имеющие расширение CDR также можно открыть программой Corel Paint Shop Pro. Для наилучшей совместимости, компания Corel рекомендует сохранять файлы в CorelDRAW формате CDR более ранней версии. Файлы CDR десятой и более ранней версии, можно открыть используя и программу Adobe Illustrator.

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

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

RAW — файлы у ряда производителей фотокамер, имеют собственный формат расширения такой как у Canon – CR2, Nikon – NEF. У многих других предложенный Adobe формат DNG, это такие компании как Leica, Hasselblad, Samsung, Pentax, Ricoh. Если в фотошопе отсутствует камера raw для вашего фотоаппарата, то файлы не откроются, для этих целей создана утилита для конвертирования raw от адобе.

SVG – формат масштабируемой векторной графики (Scalable Vector Graphics). Формат создан W3C. В соответствие со спецификацией он создан для описания двумерной векторной и смешанной векторной/растровой графики в XML. Включает в себя три типа объектов: фигуры, изображения и текст. Поддерживает неподвижную, анимированную так и интерактивную графику. Создавать и редактировать можно как в текстовых редакторов посредством правки кода, так и в любом графическом редакторе для векторной графики (Adobe Illustrator, Inkscape, CorelDRAW, Corel SVG Viewer). SVG – это открытый стандарт не является чьей либо собственностью.

Из достоинств формата SVG можно выделить. Масштабируемость без потери качества изображения. Текст в SVG является текстом, а не изображением, благодаря этому его можно выделять, копировать, он индексируется поисковиками (при использование на сайте). Интерактивность графики, дает возможность к каждому из элементов привязать свои события. Доступность использования растровой графики внутри документа. Анимация, которая реализована в SVG с помощью языка SMIL. Совместимость с CSS, дает возможность задавать свойства объектов такие как, цвет, фон, прозрачность и др.. SVG легко интегрируются с HTML и XHTML документами. Уменьшение количества запросов HTTP. Небольшой вес файла по сравнению с растровой графикой.

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

По сравнению с PNG изображениями формат WebP имеет вес на 26% меньше без потери качества. По сравнению с изображениями JPEG формата WebP на 25-34% меньше весит, но с потерями качества по индексу структурного сходства.

• Поддерживает прозрачность (альфа-канал).
• WebP поддерживается в Chrome, Firefox, Edge, Opera и других инструментах и ​​библиотеках. При разработке сайтов для корректного отображения в браузерах, которые не поддерживают WebP формат, рекомендуется использовать поддержку альтернативных изображений.
• Включает легкую библиотеку libwebp для кодирования и декодирования.
• Инструменты командной строки cwebp и dwebp для преобразования изображений в формат WebP и обратно.
• Инструменты просмотра, мультиплексирования (передача нескольких потоков данных с меньшей скоростью по одному каналу) и анимации изображений WebP.

AVIF – (AV1 Still Image File Format) эффективный формат сжатия изображения с потерей качества, основанный на библиотеке для сжатия кадров кодека AV1. AVIF – бесплатный формат, совместимый с HEIF. Может хорошо обработать изображение, получив небольшой вес файла с высокой детализацией. Обеспечивает быструю загрузку изображений на сайтах в Интернете.

• Поддерживает прозрачность (альфа-канал).
• Может хранить несколько изображений.
• Поддерживает анимацию.
• Имеет стандарт EXIF (позволяет добавлять к изображению дополнительную информацию). Например, авторство.
• Поддерживает миниатюры изображения.
• Имеет преимущества по сжатию: примерно на 20% сжимает лучше WebP и на 50% чем Jpg.

Конвертировать изображение в .avif файл можно в сервисе Squoosh.
Расширение файлов: .avif