Фото на аватарку для мужчин: размеры и обрезка

Кратко. Аватар это квадратный файл, из которого площадка вырежет круг и покажет его размером с ноготь. Грузи квадрат со стороной около 1000 пикселей в JPEG, держи лицо в середине с запасом по краям, фон бери ровный и средний по тону. YouTube в справке просит от 800 пикселей и файл до 4 МБ, LinkedIn берёт от 400 пикселей и до 8 МБ.

Что площадка делает с твоим файлом после загрузки

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

1. Обрезка до квадрата. Всё, что не влезло в квадратную рамку, отрезается насовсем.
2. Уменьшение под несколько размеров сразу. Площадка хранит не один файл, а набор копий: крупную для профиля, среднюю для списков, мелкую для иконок.
3. Повторное сжатие. Твой JPEG разжимают и жмут заново под свои настройки, так что часть мелких деталей исчезает уже на этом шаге.
4. Круглая маска при показе. Она накладывается поверх квадрата в момент отрисовки, сам файл остаётся квадратным.

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

Круглая обрезка: сколько остаётся от квадрата

Круг ворует у квадрата пятую часть, и ворует именно из углов. Точнее, круг, вписанный в квадрат, занимает примерно 78 % его площади. Оставшаяся пятая часть уходит в четыре угла, и это не равномерная рамка по краю: в середине каждой стороны не теряется ничего, а в углах срезается кусок шириной почти в треть стороны.

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

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

Ещё один эффект круга замечают редко. Диагональные линии по углам (край стены, дверной проём, спинка кресла) после обрезки превращаются в дуги и тянут взгляд сильнее, чем в квадрате. Ровный фон убирает проблему сам собой.

Размеры и форматы: что просят площадки

По сервисам с открытой справкой цифры выглядят так.

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

Разрешение самого файла (те самые 72 или 300 dpi) на аватар не влияет никак. Эта цифра живёт в печати, а экран читает только пиксели.

Почему грузить надо больше, чем показывают

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

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

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

Что реально видно в миниатюре сорок пикселей

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

Значит, узнают тебя там не по чертам. Работают четыре вещи: овал лица, тон волос и бороды, тон фона и контраст между лицом и фоном. Остального на этом размере физически не существует.

Список того, что пропадает первым, короткий и предсказуемый:

• надписи на одежде, логотипы, узоры на рубашке;
• тонкая оправа очков (толстая, наоборот, читается и становится приметой);
• второй человек в кадре, если он не занимает половину квадрата;
• мелкие детали фона: полки, провода, ветки деревьев, машины;
• выражение лица в полутонах, остаётся только грубое различие между улыбкой и её отсутствием.

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

Как вырезать квадрат из вертикального кадра

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

Порядок такой:

1. Открой исходник в редакторе галереи и выбери пропорцию 1:1.
2. Двигай рамку вверх, пока глаза не встанут чуть выше середины квадрата. Ниже середины лицо читается как сползающее вниз.
3. Проверь верх: между волосами и границей должен остаться заметный воздух, его заберёт круг.
4. Посмотри на углы. Если в них попал край мебели, человек или яркое пятно, сдвинь рамку или возьми другой кадр.
5. Сохрани результат отдельным файлом, а оригинал оставь. Перекраивать квадрат придётся раза три, и делать это из уже обрезанного файла нечем.

Кадр 3:4 для такой операции удобен: квадрат занимает три четверти его высоты, запас остаётся приличный. Со сторис 9:16 сложнее: под аватар уходит чуть больше половины высоты такого кадра. Как выглядит тот же расчёт под круглый кружок мессенджера, подробно разобрано в статье про фото на аватарку в Telegram.

Чем сжатие портит именно аватар

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

Первым сыпется однотонный фон. Плавный переход от света к тени на стене после двойного сжатия распадается на полосы, и картинка начинает выглядеть дёшево. Лечится это не настройками, а съёмкой: ровный свет на фоне полос не даёт.

Вторым разваливается тёмный кадр. В тенях мало информации, сжатие давит их в кашу, и вечернее селфи в кружке становится тёмным пятном с бликом. Снимок, сделанный при свете из окна, ту же обработку переживает спокойно.

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

Где взять исходник, который пройдёт по этим требованиям

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

Снять самому это бесплатно и небыстро: свет из окна в пасмурный день, телефон на уровне глаз, основная камера, таймер, тридцать-сорок дублей ради двух годных. Фотограф в крупном городе берёт 8 000-25 000 ₽ за час, ретушь идёт отдельно по 300-1 500 ₽ за кадр, файлы приходят через 3-14 дней.

Третий вариант наш, поэтому по делу. Ты загружаешь три селфи, выбираешь сцены из каталога (сейчас их больше 600) и забираешь готовые портреты за 10-20 минут. Пакет на 10 кадров стоит 490 ₽, на 25 кадров 990 ₽, на 56 кадров 1 990 ₽. Отдельно работает режим с обучением личной модели: 60 фото в пяти стилях за 3 490 ₽ и около 20 минут ожидания, похожесть там заметно выше.

Про формат скажу заранее, чтобы не было сюрприза: кадры приходят вертикальные 3:4, автоматической обрезки под площадки у нас нет. Квадрат ты вырезаешь сам по инструкции выше, это полминуты в галерее. Зато кадры приходят в высоком разрешении (в «Профи» часть кадров своей модели ещё и увеличивается апскейлом бесплатно), и после обрезки чёткости хватает даже на крупный показ в профиле. Какой именно кадр из пачки годится в аватар, разобрано в статье про AI-аватарку, а что вообще работает в этой роли, в большом разборе про аватарку мужчине.

Проверка файла перед загрузкой

Пять пунктов, каждый на полминуты.

1. Файл квадратный, сторона около тысячи пикселей, формат JPEG, вес в пределах мегабайта.
2. Между макушкой и верхней границей есть воздух, в углы не попало ничего постороннего.
3. Глаза стоят чуть выше середины квадрата.
4. Уменьши копию до сорока пикселей по стороне прямо в редакторе телефона. Силуэт головы отделяется от фона, значит кадр держит миниатюру.
5. Открой получившееся в светлой и тёмной теме. Фон среднего тона выдержит обе, крайние тона провалятся в одной из них.

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

Частые вопросы