Что портит качество

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

Повторное сжатие

JPG сжимает картинку с потерями. Открыли файл, чуть подправили, сохранили снова — потери накладываются друг на друга. После пяти-шести пересохранений на однотонных участках появляются грязные квадраты 8 × 8 пикселей. Правило простое: правьте исходник со слоями, а JPG делайте один раз и в конце.

Уменьшение и увеличение размера

Уменьшать картинку безопасно, увеличивать — нет. При уменьшении редактор выбрасывает лишние пиксели, при увеличении — придумывает новые, и линии расплываются. Подробный расчёт размеров есть в статье про разрешение и DPI.

Автосжатие соцсетей

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

Правильный экспорт

Экспорт — это не кнопка «сохранить», а отдельный шаг со своими настройками.

Выбор формата под задачу

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

Качество JPG и вес файла

Ползунок качества почти всегда стоит выкручивать на 85–90%, а не на 100%. Разницу между 90% и 100% глаз не видит, а файл становится вдвое легче. Ниже 75% начинают вылезать артефакты вокруг контуров.

Частая ошибка

Не сохраняйте единственную версию работы в JPG. Через полгода вы захотите поправить цвет или собрать другой кадр, а слоёв уже не будет. Держите исходник и только из него делайте копии под конкретные площадки.

Прозрачный фон

Прозрачность живёт в отдельном альфа-канале и переносится только в PNG и WEBP. JPG её не поддерживает: фон автоматически станет белым.

Проверка альфа-канала

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

Ореолы по краям

Светлая кайма вокруг объекта появляется, когда прозрачность смешалась с белым фоном ещё в редакторе. Лечится это так:

  1. Подложите под объект слой контрастного цвета.
  2. Увеличьте изображение до 300% и найдите кайму.
  3. Включите альфа-блокировку и закрасьте края нужным цветом.
  4. Сожмите выделение на 1 пиксель, если кайма осталась.
  5. Выключите подложку и экспортируйте в PNG.

Аккуратно работать с краями помогают приёмы из статьи про маски в графическом редакторе.

Подготовка под соцсети

У каждой площадки свои размеры и свой алгоритм сжатия. Подготовленный файл проходит его почти без потерь.

Рекомендуемые размеры

Для квадратного поста берите 1440 × 1440 пикселей, для вертикального — 1440 × 1800, для сторис — 1080 × 1920. Обложка на видеоплатформе — 1280 × 720. Если работа была больше, уменьшайте её один раз, сразу до нужного размера, а не в несколько шагов.

Небольшая резкость перед выгрузкой

После уменьшения картинка всегда становится чуть мягче. Добавьте лёгкую резкость — 10–20% в фильтре нерезкой маски. Больше не нужно: на контурах появятся светлые ободки и «звенящие» края.

Хранение исходников

Файл с работой — это не только картинка, но и ваш архив решений. Через год он пригодится для портфолио или переработки.

Файл со слоями отдельно

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

Резервная копия в облаке

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

Пора рисовать, а не читать

Теория без практики выветривается за пару дней. Откройте редактор и потратьте 15 минут на то, о чём только что прочитали, — этого достаточно, чтобы навык закрепился.

Попробуйте прямо сейчас

Бесплатный онлайн-редактор: кисти, слои, палитра и совместный холст. Без установки и регистрации.

Начать рисовать

Ключевые темы статьи

← Подбор цвета онлайн: как собрать рабочую палитру за 5 минут Бесплатные программы для рисования: подборка без подвоха →