Сравнения
Сравнения
Слова «формат», «разрешение» и «качество» часто путают, хотя отвечают они на разные вопросы. Формат определяет, как картинка хранится, разрешение — сколько в ней деталей, а качество в итоге зависит от того, подходят ли оба к задаче. Таблицы ниже помогают выбрать, не заучивая технических подробностей.
Лучшего формата не существует, как не существует лучшего размера обуви.
Как читать таблицы: мы сравниваем общие свойства форматов и способов хранения изображений. Конкретная программа может добавлять свои настройки и исключения, поэтому при сомнениях сверяйтесь с её справкой.
Растр — вектор
| Критерий | Растр | Вектор |
|---|---|---|
| Из чего состоит | Из сетки пикселей, у каждого из которых свой цвет | Из кривых, линий и заливок, описанных математически |
| Масштабирование | При увеличении теряет чёткость: проступают пиксели и размытые края | Пересчитывается под любой размер без потери чёткости |
| Где уместен | Фотографии, сканы, рисунки с плавными переходами цвета | Логотипы, иконки, схемы, надписи, макеты для резки |
| Типичные форматы | JPEG, PNG | SVG, а также PDF, который может содержать и вектор, и растр |
| Чем может удивить | Тяжёлым файлом при большом размере | Тем, что фотографию в вектор честно не переведёшь |
JPEG — PNG — SVG — PDF
| Критерий | JPEG | PNG | SVG | |
|---|---|---|---|---|
| Что хранит | Растровое изображение | Растровое изображение | Векторную графику | Страницы документа: текст, вектор и растр вместе |
| Прозрачность | Не хранит | Хранит | Хранит | Возможна, зависит от содержимого |
| Сжатие | С потерями, степень можно выбрать | Без потерь | Текстовое описание фигур, для простых рисунков обычно лёгкое | Зависит от настроек при сохранении |
| Для чего | Фотографии для экрана и пересылки | Снимки экрана, схемы, картинки с прозрачным фоном | Логотипы и иконки для сайта | Документы для чтения, пересылки и печати |
Экран — печать
| Критерий | Экран | Печать |
|---|---|---|
| Единица размера | Пиксели: ширина и высота картинки | Размер отпечатка и плотность точек на дюйм |
| Ориентир | Размер места, где картинку покажут | Распространённый ориентир — 300 точек на дюйм |
| Цветовая модель | RGB: цвет складывается из света | CMYK: цвет складывается из красок на бумаге |
| Чем может удивить | На разных экранах одни и те же цвета выглядят немного по-разному | Яркие экранные цвета на бумаге получаются спокойнее |
Читайте также
- Инструкции
Пошаговые инструкции: обрезать, уменьшить и сжать картинку, подготовить её для письма, слайда и печати. Здесь же каталог публикаций.
- Словарь
Словарь терминов: пиксель, разрешение, точки на дюйм, растр, вектор, кривая Безье, сжатие, прозрачность и альтернативный текст.
- Если не так
Что делать, если картинка размылась, обросла «лесенкой», стала слишком тяжёлой, потеряла прозрачный фон или потускнела на бумаге.
- Инструменты
Какие виды программ и функций пригодятся для работы с изображениями: от встроенного просмотрщика до векторного редактора и пипетки.
- Вопросы
Ответы о справочнике, о размерах и форматах картинок, о печати и о том, можно ли брать изображения из интернета.
Источники
- Документация к графическим форматам и редакторам (общие положения)
- Редакционные материалы справочника Clipday
Советы изложены общими словами на дату подготовки. Названия пунктов меню, окон сохранения и настроек экспорта отличаются от редактора к редактору и меняются с обновлениями, поэтому сверяйтесь со справкой той программы, в которой работаете, а не с нашими формулировками буква в букву.