Подготовка к публикации

Как выбрать размер и формат фото для публикации

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

Читайте гайды
Как выбрать размер и формат фото для публикации

Три шага

Простой путь к аккуратной версии

01

Определите площадку и целевое соотношение сторон

02

Подготовьте отдельную версию без потери важных деталей

03

Проверьте читаемость на мобильном экране

Что умеет инструмент

Возможности под вашу задачу

Выбор размера и формата фото помогает подготовить файл под конкретную площадку.

Подобрать соотношение сторон — 1:1, 3:4, 4:5, 9:16 или свободное.
Изменить формат файла — JPG, PNG или WebP под требования площадки.
Подготовить фото к печати — с запасом по разрешению и DPI.
Оптимизировать вес файла — без заметной потери качества.
Проверить, что влезет в превью — без обрезки важных деталей.
Сохранить версию под задачу — пост, сторис, печать или каталог.

Практический разбор

Как решить задачу: изменить размер и формат фото онлайн

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

Подготовьте исходник и задачу

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

Сформулируйте понятную команду

Команда должна содержать формат и главный объект: «сделай вертикальную версию 9:16, оставь лицо в верхней части кадра», «подготовь квадратный формат, товар по центру, не обрезай этикетку» или «сохрани горизонтальную композицию для обложки». При смене формата лучше назвать не только пропорцию, но и то, что в кадре важнее всего.

Проверьте качество результата

Проверьте итог на том устройстве и в том интерфейсе, для которого он готовился. Сравните, не стало ли лицо слишком маленьким, не обрезался ли товар и читается ли важная деталь. Выбор JPG, PNG или WebP зависит от содержания: для фотографий обычно важны разумный вес и качество, а для прозрачности потребуется формат с поддержкой альфа-канала.

Работайте версиями

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

Готовые формулировки

Что написать, чтобы получить нужный результат

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

Кадрирование под площадку
«обрежь под соотношение 4:5, оставь главный объект по центру»
Квадрат из горизонтального кадра
«сделай квадратный кадр, сохрани лицо целиком, фон дополни естественно»
Вертикаль из горизонтали
«переведи в вертикальный формат 9:16, дострой фон сверху и снизу»
Подготовка под печать
«увеличь разрешение под печать 20×30 см, ничего не дорисовывай»
Убрать лишние поля
«обрежь белые поля по краям, пропорции остальной части сохрани»

Технические параметры

Какой размер нужен под задачу

Соотношение сторон важнее числа пикселей: правильно обрезанный кадр в 1080 px выглядит лучше, чем растянутый 4K не в том формате. Данные на сентябрь 2026 года, площадки правила меняют.

НазначениеРазмер и соотношение
Квадратный пост1080×1080 px, 1:1
Вертикальный пост в ленте1080×1350 px, 4:5 — занимает больше экрана
Сторис, клипы, Reels1080×1920 px, 9:16
Обложка сообщества ВКонтакте1920×768 px
Аватар Telegram640×640 px, квадрат
Горизонтальная обложка для канала1280×720 px, 16:9
Карточка товара на маркетплейсе900×1200 px, 3:4 вертикально
Печать 10×15 смоколо 1200×1800 px (300 dpi)
Печать A4около 2480×3508 px
Изображение для сайта1600–2000 px по ширине, формат WebP

Формат файла: JPG для фотографий без прозрачности, PNG когда нужна прозрачность, WebP для сайта — вес вдвое меньше PNG при той же прозрачности. Цветовое пространство везде sRGB.

Рабочие сценарии

Как это выглядит на практике

Три ситуации, в которых чаще всего ошибаются с размером.

Один кадр под несколько площадок

Нужны квадрат, вертикаль и горизонталь из одной съёмки.

  1. 1Снимайте с запасом по краям — под кадрирование в разные пропорции.
  2. 2Делайте отдельный файл под каждое соотношение, а не один универсальный.
  3. 3Проверяйте, что главный объект не обрезается ни в одном варианте.

Файл под печать

Фотография для рамки, альбома или подарка.

  1. 1Считайте от размера отпечатка: 300 точек на дюйм — рабочий ориентир.
  2. 2Не пересохраняйте JPG повторно: каждое сохранение теряет качество безвозвратно.
  3. 3Цветовое пространство sRGB, если типография не просит другого.

Картинки для сайта

Страница грузится медленно из-за изображений.

  1. 1Отдавайте WebP: тот же вид при вдвое меньшем весе.
  2. 2Не грузите 4000 px туда, где отображается 800 — браузер всё равно уменьшит.
  3. 3Задавайте ширину и высоту в разметке, чтобы вёрстка не прыгала при загрузке.

Если результат не тот

Разбор типичных проблем

Ошибки с размером почти всегда обнаруживаются уже после публикации.

Площадка обрезала важное

Почему так вышло. Загружено не то соотношение сторон.

Что сделать. Кадрируйте заранее под нужный формат и проверяйте превью, а не полный кадр.

Фото размылось после загрузки

Почему так вышло. Исходник был меньше требуемого и площадка растянула его.

Что сделать. Загружайте не меньше рекомендованного размера.

Файл не принимается по весу

Почему так вышло. Превышен лимит площадки.

Что сделать. Пересохраните в WebP или JPG с качеством 80–85 — на глаз разницы не будет.

Цвета изменились после публикации

Почему так вышло. Файл был не в sRGB.

Что сделать. Сохраняйте в sRGB: другие профили площадки интерпретируют по-своему.

Прозрачность пропала

Почему так вышло. Сохранено в JPG.

Что сделать. Прозрачность держат только PNG и WebP.

Границы инструмента

Чего ждать не стоит

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

Оригинал остаётся вашим ориентиром.

Каждая обработка создаёт отдельную версию. Сравнивайте результат с исходником, уточняйте фразу и сохраняйте лучший вариант.

FAQ

Вопросы о задаче

Как не потерять важные детали?

Перед обрезкой проверьте, что лицо, товар или текст остаются в безопасной зоне кадра.

Когда нужна отдельная версия?

Почти всегда: формат публикации, карточки товара и сторис обычно различается.

Какое разрешение нужно для печати?

Ориентир — 300 точек на дюйм: около 1200×1800 px для 10×15 см и около 2480×3508 px для A4. Больше запаса брать смысла нет, а меньше — будет видно на бумаге.

В чём разница между JPG, PNG и WebP?

JPG — для фотографий без прозрачности, самый универсальный. PNG — когда нужна прозрачность. WebP — для сайта: держит прозрачность и весит примерно вдвое меньше PNG. Цветовое пространство везде sRGB.

Почему фото размылось после загрузки на сайт?

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

Сколько хранится результат?

Готовые результаты доступны в истории аккаунта 24 часа; сохраните нужную версию на устройство заранее.

Можно ли начать с телефона?

Да. Откройте PixelMind в мобильном браузере, загрузите исходное фото и сформулируйте одну конкретную задачу.

Совет по этой задаче

Проверьте результат перед скачиванием

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