Собираешься отдавать сайт в CDR ? Да ты просто псих .
В этой статье кратко описаны самые используемые форматы изображений, и для чего они предназначены .
Растровые
Растровые изображения состоят из мелких квадратиков – пикселей. Основная особенность растра – передача большого количества оттенков, в отличие от векторных форматов.
Пример растрового изображения
А теперь давайте сильно увеличим часть картинки с котиком.
Эти квадратики и есть пиксели.
Чем выше разрешение, тем больше размер картинки и лучше качество.
1. JPEG
JPEG – один из самых часто используемых форматов изображений. Файлы с расширением .jpeg, .jpg, .jpe или .jfif можно открыть любой программой для просмотра изображений.
Преимущества:
- небольшой размер в сочетании с неплохим качеством.
Недостатки:
- при масштабировании рисунка может ухудшиться качество;
- не поддерживает прозрачный фон.
Где использовать:
- фотографии и изображения со множеством оттенков;
- размещение в интернете;
- графический и веб-дизайн;
Из-за сжатия данных с потерями формат изображений JPEG не подходит, если важно сохранить первоначальное качество.
Кстати, мы приготовили для вас подборку из 42 сайтов, где можно бесплатно скачать высококачественные фотографии в формате JPEG и не только.
2. PNG
Аббревиатура PNG расшифровывается как «portable network graphics», что в переводе означает «портативная сетевая графика».
PNG имеет 2 формата – PNG-8 и PNG-24. PNG-8 имеет маленький размер и поддерживает 256 цветов, PNG-24 «весит» больше и поддерживает до 16.7 миллиона цветов.
Форматы изображений PNG можно открыть в любых программах для просмотра и редактирования графики.
Преимущества:
- поддерживает прозрачный фон;
- сжатие без потери качества.
Недостатки:
- размер.
Где использовать:
- обмен изображениями и их размещение в интернете;
- графический и веб-дизайн;
- изображения, где важна высокая четкость: чертежи, схемы, текст.
3. ICO
В формате ICO хранятся значки операционной системы Windows, например, иконки рабочего стола или папок. Файлы с расширением .ico можно открыть в любой программе для просмотра изображений.
4. GIF
Формат GIF сейчас применяется в основном для создания и распространения анимированной графики. Файлы с расширением .gif поддерживаются большинством браузеров и программ для просмотра изображений.
Преимущества:
- небольшой размер, особенно по сравнению с видеороликами.
Недостатки:
- плохая цветопередача из-за малого количества поддерживаемых цветов.
Формат GIF не подходит для печати, фотографий и изображений высокого качества.
Размер аналогичного видеоролика явно будет больше размера этой гифки.
5. TIFF
Формат изображений TIFF отлично подходит для хранения высококачественных изображений. Файлы .tiff или .tif можно открыть в любой программе для просмотра изображений.
Преимущества:
- отличная цветопередача благодаря поддержке до 16.7 миллиона цветов;
- сжатие данных без потери качества;
- поддерживает прозрачный фон;
- сохраняет слои.
Недостатки:
- большой размер.
Где использовать:
- печать наружной рекламы или полиграфии;
- отправка дизайн-макета в типографию;
- когда важно сохранить высокое качество.
6. WebP
WebP – это относительно новый формат от компании Google, который отлично подходит для размещения изображений в интернете. Файлы с расширением .webp можно открыть в большинстве браузеров и программ для просмотра изображений.
Преимущества:
- качество лучше, чем у форматов изображений JPEG и PNG;
- поддерживает прозрачный фон;
- небольшой размер;
- качественное сжатие данных с потерями и без потерь.
Недостатки:
- могут быть проблемы с отображением в некоторых браузерах.
В Галерее WebP от Google можно посмотреть отличия этого формата от JPEG
Векторные
Векторная графика состоит из опорных точек и кривых между ними. В отличие от растровых форматов изображений, векторные не теряют качество при увеличении.
Контуры векторного рисунка остаются четкими даже при многократном увеличении.
7. EPS
EPS – это популярный формат, который применяется для хранения и переноса векторной графики. Файлы с расширением .eps открываются в большинстве программ для редактирования графики.
Преимущества:
- можно преобразовать в растровые форматы изображений;
- при масштабировании не меняется качество.
Недостатки:
- открыть файл в обычной программе для просмотра изображений не получится. Придется конвертировать его в JPEG или PNG. Поэтому для удобства в папку или архив с форматом EPS желательно поместить его копию в JPEG.
Где использовать:
- создание и хранение векторных изображений;
- печать полиграфии и рекламы;
- отправка макета в типографию;
- перенос макета со всеми параметрами из одного векторного редактора в другой, например, из Adobe Illustrator в CorelDraw.
8. SVG
SVG – это векторный формат, особенно любимый веб-дизайнерами. Файлы .svg открываются в большинстве браузеров, графических редакторов и программ для просмотра изображений.
Преимущества:
- поддержка прозрачного фона;
- сохранение высокого качества при изменении размеров;
- можно создавать анимации.
Недостатки:
- формат поддерживают не все браузеры.
Где использовать:
- веб-дизайн;
- оптимизация графики под устройства с экраном Retina;
- хранение логотипов и других векторных изображений.
Форматы изображений SVG не подходят для печати и хранения фотографий.
Логотип MacOS в формате SVG. Если вы не видите эту картинку, ваш браузер не поддерживает SVG
Кстати, если вы хотите разработать логотип или просто найти вдохновение, обязательно прочтите статью о трендах в дизайне лого на 2020 год.
Форматы, поддерживаемые графическими редакторами
У каждой программы есть свой формат, с которым она работает. При необходимости их можно преобразовать в другие форматы изображений, например, JPEG или PNG.
9. PSD
PSD – это формат, используемый графическим редактором Adobe Photoshop. Подходит для графического дизайна, ретуши фотографий, веб-дизайна и передачи макета сайта верстальщику или заказчику.
10. INDD
Формат INDD применяется в программе Adobe InDesign для верстки и печати буклетов, брошюр, газет, журналов и т.д.
11. CDR
CDR – это формат файлов векторного редактора CorelDraw. Его используют для создания векторных рисунков, печати полиграфии и наружной рекламы, а также отправки макетов в типографию.
12. AI
С форматом AI работает векторный графический редактор Adobe Illustrator. Он подходит для создания векторной графики, полиграфии, рекламы и многого другого.
Статья взята с сайта Сanva.
