Сравнение растровых и векторных форматов
Сравнение форматов
| Формат | Тип | Сжатие | Прозрачность | Анимация | Типичное применение | Частая ошибка |
|---|---|---|---|---|---|---|
| BMP | Растр | Нет | Нет | Нет | Legacy, простые буферы | Хранить большие фото |
| JPG | Растр | С потерями | Нет | Нет | Фотографии | Скриншоты с текстом |
| PNG | Растр | Без потерь | Да | APNG* | UI, скриншоты, диаграммы | Фото вместо WebP/JPEG |
| WebP | Растр | Оба режима | Да | Да | Веб, фото и UI | Нет fallback для старых клиентов |
| AVIF | Растр | Lossy / lossless | Да | Ограниченно | Веб, экономия трафика | Только AVIF без <picture> |
| GIF | Растр | Без потерь | 1-bit | Да | Простые мемы, legacy | Фото и плавные градиенты |
| TGA | Растр | RLE / нет | Да | Нет | Текстуры 3D, рендер | Публикация в браузере |
| TIFF | Растр | Без потерь (+JPEG) | Да | Нет | Печать, архив, GIS | Веб без конвертации |
| PSD | Растр | Нет | Да | Нет | Рабочий файл Photoshop | Отдавать PSD пользователю |
| SVG | Вектор | Текст + gzip | Да | Да (CSS/JS) | Иконки, логотипы, схемы | Трассировка фото → гигабайт |
| EPS | Вектор | PostScript | — | Нет | Полиграфия, legacy | Ожидать редактирования в Word |
| CGM | Вектор | ISO metafile | — | Нет | Техчертежи, САПР | Путать с SVG |
| Смешанный | Разное | Да | Нет | Печать, обмен макетом | Редактировать как DOCX | |
| ICO | Растр-контейнер | Нет | Да | Нет | Favicon, иконки Windows | Один размер без @2x |
| VSDX | Вектор + семантика | ZIP/XML | Да | Нет | Диаграммы Visio | Ожидать открытия без Visio |
| DWG / DXF | CAD | Бинарный / текст | — | Нет | Чертежи, САПР | Путать с веб-SVG |
| GeoJSON | Вектор (гео) | Нет | — | Нет | Веб-карты | Перепутать порядок lon/lat |
| Shapefile | Вектор (гео) | Набор файлов | — | Нет | Обмен GIS | Один .shp без .dbf/.prj |
| GeoPackage | Вектор (гео) | SQLite | — | Нет | Современный GIS | — |
| KML / KMZ | Вектор + растр | XML / ZIP | — | Туры | Google Earth, маршруты | Огромные вложенные модели |
* APNG — расширение PNG; поддержка браузеров неполная.
Быстрый выбор
Иконка или логотип → SVG. Фото на сайте → AVIF/WebP + JPEG в <picture>. Скриншот → PNG. Чертёж → DWG/DXF в CAD, не в Figma.
Почему JPEG для фото, а PNG для UI
JPEG отбрасывает малозаметные детали (блоки 8×8, DCT) — фото сжимается в разы. PNG кодирует каждый пиксель без потерь (фильтры + Deflate) — текст и края остаются чёткими. Конвейеры — Растровые форматы.
Подробные описания — в статьях Растровые форматы и Векторные форматы.
Школьный перечень форматов
BMP, JPEG, GIF, TIFF, PNG, TGA, EPS, CGM, SVG, PDF — сводная таблица с определениями в базовой информатике, раздел 17.
Печать из Photoshop
Для типографии — TIFF CMYK после Image → Mode → CMYK и 300 ppi; мастер остаётся PSD.
Пошагово — конспект Photoshop, глава 17.