Большинство «создателей аватаров» просят сначала сделать одну маленькую вещь: загрузить ваше фото. Для снимка вашей собаки это нормально. Для фото собственного лица — а именно им обычно и является аватар — стоит притормозить. Это изображение окажется на чьём-то сервере, и вы доверяете странице, о которой никогда не слышали, удалить его потом. Есть способ сделать чистый круглый аватар без всего этого.
Что на самом деле нужно круглому аватару
Аватар, который читается как круглый, обладает двумя свойствами. Во-первых, он обрезан в круг до того, как вы его отдаёте, так что площадка не режет ваше фото невидимой маской. Во-вторых, это PNG с прозрачным фоном, так что углы за пределами круга пустые, а не белый квадрат, вылезающий на тёмных страницах и цветных карточках.
Сделайте оба правильно — и ваш аватар выглядит продуманным везде: Slack, форум, мессенджер, личный сайт. Ошибитесь в любом — и получите знакомую смещённую обрезку или белый прямоугольник, выглядывающий из-за круглой рамки.
Обрежьте до загрузки
Причина, по которой аватары выглядят обрубленными, в том, что круг рисуется поверх квадрата. Когда вы загружаете прямоугольник, сайт центрирует его в квадратном окне и прячет всё за круглой маской. Если ваш объект не был строго по центру, он пропал. Обрезав в круг самостоятельно и заранее, вы отдаёте уже финальную форму — площадке нечего обрезать.
Перетащите одно изображение — и оно обрежется по центру до самого большого квадрата из середины, затем замаскирует настоящий круг в полном разрешении. Можно также выбрать скруглённый квадрат с настраиваемым радиусом — полезно для иконок приложений и миниатюр карточек — или обычный квадрат. Экспортируйте с прозрачным фоном или на белом, если вам конкретно нужен сплошной фон.
Где центральная обрезка помогает, а где нет
Поскольку обрезка идёт от центра, это работает лучше всего, когда ваш объект уже примерно по центру — большинство портретов по плечи и большинство логотипов таковы. Если ваше лицо где-то в углу широкого группового кадра, инструмент захватит середину кадра, а не вас, и нет рычага, чтобы перетащить обрезку на место. Решение простое: сначала обрежьте фото до лица любым базовым кроппером, затем принесите этот более тесный кадр сюда, чтобы сделать его круглым.
Он также обрабатывает по одному изображению за раз. Для единичного аватара это естественный темп. Если вам нужны пятьдесят одинаковых иконок, это не пакетный инструмент.
О приватности, прямо
Всё работает в вашем браузере. Фото декодируется, приводится к квадрату, маскируется и кодируется в PNG на вашем устройстве. Ничего не загружается, нет аккаунта, и ни один сервер не видит изображение. Загрузите страницу один раз — и можете продолжать делать аватары с выключенным соединением. Для фото собственного лица в этом весь смысл — вы делаете аватар, и он никогда не покидает вашу машину.
Начните с фото, которое действительно бы использовали, обрежьте его в круг, экспортируйте прозрачный PNG и вставьте туда, где нужен аватар.