Круглое фото онлайн — Бесплатный инструмент для аватарок | NotOne

Круглое фото

Обрежьте фото по кругу, добавьте фон, кольцо и тень — за пару секунд получите готовую аватарку или иконку профиля. Всё в браузере, без загрузки на сервер.

Как это работает: фото обрезается по кругу через canvas.clip(), положение и масштаб регулируются слайдерами. Фон, кольцо и тень накладываются сверху. Файлы не отправляются на сервер — всё локально.
⭕
Перетащите фото для круглой обрезки
JPG, PNG, WebP. Можно сразу несколько — настройка применится ко всем.
👁️ Предпросмотр
1 / 1
Готовые пресеты
Позиция и масштаб
Фон вокруг круга
Полезно, когда нужен фон вокруг круга.
Кольцо вокруг фото
Тень
Результат
Обработка...
0 / 0

Готовые аватарки

0
⭕

Фото ещё не добавлены

Перетащите изображения в зону выше или нажмите «Выбрать файлы». Круглая обрезка применится ко всей партии одной кнопкой.

Как сделать круглое фото

Четыре шага от загрузки до готовой аватарки

1

Добавьте фото

Перетащите файлы в зону или выберите вручную. Поддерживаются JPG, PNG, WebP. Первое фото откроется в редакторе с круглой обрезкой.

2

Настройте позицию

Слайдерами масштаба и смещения выставьте лицо или объект в центре круга. Кнопка «Сбросить позицию» вернёт исходное положение.

3

Добавьте фон, кольцо и тень

Прозрачный фон, цвет, градиент или своё изображение — на выбор. Кольцо и тень сделают аватарку аккуратнее и заметнее.

4

Скачайте результат

Размер от 256 до 2000 px. Формат PNG с прозрачностью, JPG или WebP. Один файл или ZIP-архив для всей партии.

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

Что важно знать про круглые фото

Зачем делать фото круглым?
Круглая форма — стандарт для аватарок в соцсетях и мессенджерах (ВКонтакте, Telegram, WhatsApp, Slack, Google-аккаунт). Также используется в презентациях и сайтах для блоков «наша команда», в отзывах и отзывах клиентов, в карточках авторов блогов. Если просто загрузить квадратное фото — соцсеть обрежет его по-своему, часто с неудачным кадрированием. Сделав круг заранее, вы контролируете кадр.
Какой размер выбрать для аватарки?
256×256 — минимальный размер для иконок, профилей. 512×512 — универсальный для большинства соцсетей и сайтов. 1024×1024 — для Telegram-каналов, крупных профилей, превью. 1500–2000 — если фото пойдёт на печать или постер. Помните: чем больше размер, тем больше вес файла — 1024×1024 обычно достаточно даже для Retina-экранов.
Почему прозрачный фон лучше цветного?
Прозрачный PNG вставляется в любой дизайн — на белый, тёмный или цветной фон, без «квадрата» вокруг круга. Это особенно важно, если вы не знаете, куда именно встанет аватарка: в тёмной теме VK, в светлой ленте Telegram, в презентации на синем фоне. Цветной фон подходит, когда нужна конкретная стилистика — например, белый круг на сайте компании. Формат PNG всегда сохраняет прозрачность, JPG — нет.
Что делает кольцо и зачем оно нужно?
Кольцо — это обводка вокруг круга, обычно белая или цветная. Оно отделяет фото от фона, если фото снято на похожем цвете. Аккуратное кольцо также добавляет «премиальности» — так оформлены аватарки в дорогих профилях Instagram. Популярные варианты: белое кольцо 6–8% на тёмном фоне, чёрное кольцо 4% на светлом фоне, градиентное кольцо в цвет бренда.
Почему фото получилось не по центру?
По умолчанию фото автоматически центрируется и масштабируется так, чтобы полностью заполнить круг. Если лицо оказалось сбоку или обрезано — используйте слайдеры смещения по горизонтали и вертикали. Точка интереса (глаза, лицо, объект) должна быть в центре круга. Увеличивайте масштаб, если лицо слишком мелкое, уменьшайте — если обрезается.
Мои фото загружаются на ваш сервер?
Нет. Вся обработка происходит на canvas в вашем браузере. Ни один байт не уходит в сеть. Отключите интернет после загрузки страницы — инструмент продолжит работать. Это критично для личных фото, коммерческих съёмок и рабочих проектов под NDA.

Зачем делать фото круглым

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

Где нужны круглые фото

  • Аватарки в соцсетях — ВКонтакте, Telegram, WhatsApp, Slack, Discord
  • Иконки авторов — в статьях блога, комментариях, отзывах
  • Блок «Наша команда» — портреты сотрудников на сайте
  • Профили в приложениях — iOS, Android, веб-аккаунты Google
  • Презентации — фото спикера рядом со слайдом
  • Стикеры и наклейки — круглый портрет в наборе для мессенджера
  • Email-подписи — портрет рядом с именем отправителя

Как работает этот инструмент

Шаг 1. Перетащите фото в зону загрузки.

Шаг 2. Настройте масштаб и смещение — выставьте лицо по центру круга.

Шаг 3. При необходимости выберите фон (прозрачный, цвет, градиент, картинка), добавьте кольцо и тень.

Шаг 4. Выберите размер и формат результата.

Шаг 5. Нажмите «Применить ко всем» — настройка применится к остальным фото.

Как выбрать оформление

Прозрачный фон. Универсально — встанет на любую площадку. Если не знаете, где будет использоваться фото, выбирайте прозрачность.

Цветной фон. Под фирменный цвет бренда, или когда аватарка встаёт на известный однотонный фон. Белый круг на тёмном сайте, чёрный круг на светлом.

Градиент. Яркий и современный вид. Хорошо работает для соцсетей и стикеров.

Своя картинка. Узор, текстура или фото природы — если нужна атмосферная аватарка.

Кольцо. Отделяет круг от фона. Белое на тёмном фоне, чёрное или цветное на светлом. Толщина 4–8% — оптимум.

Тень. Даёт лёгкий эффект «парения» круга. 30–50% — достаточно, чтобы добавить объём без перегруза.

Типичные ошибки

  • Слишком маленький размер — аватарка размывается на Retina-экранах
  • Обрезка, при которой лицо съезжает в сторону или обрезается
  • Пёстрый фон вокруг круга — отвлекает от самого фото
  • Слишком толстое кольцо — «давит» на портрет
  • Формат JPG с прозрачным фоном — получится белый квадрат
  • Забыть про тень — на тёмном фоне круг «пропадает»

Какое фото лучше подойдёт

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

Связка с другими инструментами

Перед круговой обрезкой можно удалить фон и подставить однотонный через замену фона — так круг сольётся с площадкой, на которую встанет. Для квадратных соцсетей (Instagram, VK) используйте обрезку до круга. Если фото с iPhone — сначала конвертируйте через HEIC в JPG.

Безопасность

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