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

Словарь

Словарь терминов

В окне сохранения картинки встречаются слова, которые звучат солиднее, чем значат. Разрешение, сглаживание, цветовая модель — за каждым стоит простая идея, и понимать её полезнее, чем угадывать, какую галочку поставить. Здесь — коротко о главных терминах.

Половина вопросов о картинках снимается, как только становится ясно, что «разрешение» и «размер» — не одно и то же.

— От редакции

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

Пиксели и размер

Пиксель
Самая маленькая точка растрового изображения, у которой есть свой цвет. Из множества пикселей, как из мозаики, складывается фотография или снимок экрана.
Разрешение
Количество пикселей в изображении по ширине и высоте. Чем оно больше, тем больше деталей и тем крупнее картинку можно показать или напечатать без видимой размытости.
Точки на дюйм
Плотность, с которой изображение ложится на бумагу. Она связывает пиксели с реальным размером отпечатка; для печати часто ориентируются на 300 точек на дюйм.
Соотношение сторон
Отношение ширины изображения к высоте. Если оно не совпадает с местом, куда идёт картинка, её приходится обрезать или оставлять поля, а растягивание искажает пропорции.

Растр и вектор

Растр
Способ хранения изображения в виде сетки пикселей. Хорошо передаёт фотографии и плавные переходы цвета, но при увеличении теряет чёткость.
Вектор
Способ хранения изображения в виде линий, кривых и заливок. Картинка пересчитывается под любой размер и остаётся чёткой, поэтому так хранят логотипы, иконки и схемы.
Кривая Безье
Основной строительный элемент векторной графики: плавная линия, форму которой задают опорные точки и направляющие рычаги. Перетаскивая их, вы меняете изгиб линии, а не отдельные пиксели.
Прозрачность
Свойство изображения, при котором часть пикселей не закрашена и сквозь них виден фон. Её хранят PNG и SVG, а JPEG прозрачность не поддерживает.

Сжатие, цвет и подписи

Сжатие с потерями
Уменьшение веса файла за счёт отбрасывания мелких деталей, которые глаз замечает хуже. Так работает JPEG. Каждое повторное сохранение с потерями немного ухудшает картинку.
Сжатие без потерь
Уменьшение веса файла без изменения изображения: после открытия все пиксели остаются прежними. Так работает PNG. Файлы получаются тяжелее, зато пересохранять их можно сколько угодно.
Цветовая модель
Способ описывать цвет. Экран использует RGB, где цвет складывается из красного, зелёного и синего света, а типографская печать — CMYK, где цвет получается смешением красок.
Альтернативный текст
Краткое описание изображения для тех, кто картинку не видит: при экранном чтении или если изображение не загрузилось. Удачный альтернативный текст говорит, что на картинке и зачем она здесь.
  • Сравнения

    Растр и вектор, JPEG, PNG, SVG и PDF, экран и печать: таблицы, которые помогают выбрать формат и размер под задачу.

  • Инструкции

    Пошаговые инструкции: обрезать, уменьшить и сжать картинку, подготовить её для письма, слайда и печати. Здесь же каталог публикаций.

  • Инструменты

    Какие виды программ и функций пригодятся для работы с изображениями: от встроенного просмотрщика до векторного редактора и пипетки.

  • Если не так

    Что делать, если картинка размылась, обросла «лесенкой», стала слишком тяжёлой, потеряла прозрачный фон или потускнела на бумаге.

  • Вопросы

    Ответы о справочнике, о размерах и форматах картинок, о печати и о том, можно ли брать изображения из интернета.

Источники

  • Документация к графическим форматам и редакторам (общие положения)
  • Редакционные материалы справочника Clipday

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