PFP-кроппер: как посмотреть круговую обрезку Instagram до публикации

Загрузите квадратное фото в Instagram, и оно вернется кругом. Заранее об этом никто не предупреждает, поэтому большинство узнает об этом на своем опыте: загружают фото, открывают профиль и видят наполовину обрезанное лицо или логотип без угла. К этому моменту фото уже видно всем, кто заглянет в профиль в ближайшие минуты.

PFP-кроппер меняет порядок действий местами. Он показывает точный круг до того, как вы примете решение, а не после.

Что на самом деле происходит, когда Instagram обрезает фото

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

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

Почему угадывание не работает

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

PFP-кроппер сворачивает весь этот цикл на один экран: перетащите, увеличьте, сразу увидьте результат, поправьте при необходимости и скачайте, только когда всё получится как надо.

Что реально нужно проверить перед загрузкой

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

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

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

Бизнес-аккаунтам стоит отдельно перепроверить края логотипа. Логотипы с жесткими геометрическими краями (квадратная иконка, надпись с острыми углами) показывают обрезку заметнее, чем фото, потому что округлый объект на фото естественным образом теряет детали по краю так, что зритель этого сознательно не замечает.

Как пользоваться инструментом GridPeek

Предпросмотр фото профиля от GridPeek создан именно под этот сценарий:

1. Загрузите файл в формате JPG, PNG или WEBP.
2. Перетаскивайте фото, чтобы изменить положение, и используйте ползунок масштаба, чтобы приблизить его.
3. Смотрите на живой предпросмотр внутри реалистичного макета профиля Instagram сразу в размере профиля, кольца истории и комментария.
4. Скачайте готовый к загрузке PNG размером 1024×1024 пикселя, когда обрезка будет выглядеть правильно.

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

Всё работает локально в браузере через canvas. Ваше фото никогда не отправляется на сервер, и никакой регистрации или аккаунта не требуется.

Подытожим

Круговая обрезка Instagram постоянна и автоматична, отключить её или изменить форму нельзя никакой настройкой. Единственное реальное решение - проверять обрезку до загрузки, а не после. Двигайте и увеличивайте фото, пока объект надежно не окажется внутри круга, оставляйте небольшой отступ от края и проверяйте результат в маленьком размере, а не только в полном.

Попробуйте Предпросмотр фото профиля от GridPeek на своем фото перед следующей загрузкой.

Часто задаваемые вопросы