Круглий аватар: обрізати фото по колу

Як зробити круглу аватарку

1. Перетягніть фото в зону завантаження або натисніть на неї, щоб вибрати файл. Підходять JPG, PNG, WebP та будь-який інший формат, який може показати ваш браузер.
2. Фото з’явиться за круглим вікном. Перетягніть його так, щоб ваше обличчя (або логотип) опинилося в колі, і змінюйте масштаб коліщатком миші, щипком двох пальців або повзунком Масштаб. Скинути позицію знову центрує фото.
3. Виберіть Розмір результату: 128, 200, 256, 400, 512, 800, 1024 або 2048 пікселів у квадраті, або Свій… для будь-якого розміру від 16 до 4096 px.
4. За бажання додайте кільце за допомогою Товщина рамки (відсоток від розміру зображення, також показаний у пікселях) і Колір рамки. У попередньому перегляді кільце навколо кола виглядає так, як буде збережено.
5. Перегляньте маленькі Перегляд у типових розмірах аватара: вони показують, як зображення виглядає в крихітних розмірах, що використовуються в коментарях і списках чатів.
6. Виберіть Формат результату, PNG (прозорий) або WebP (прозорий), і натисніть Завантажити круглий знімок.

Працює й клавіатура: наведіть фокус на фото, посувайте його стрілками (утримуйте Shift для більших кроків) і змінюйте масштаб клавішами + і −.

Навіщо прозорий PNG

Круглий аватар – це, по суті, квадратне зображення з прозорими кутами. Збережені у PNG або WebP, кути лишаються невидимими на будь-якому тлі: у світлому чи темному режимі, на кольоровому заголовку сторінки або в підписі електронного листа. JPG не вміє зберігати прозорість і показував би білі чи чорні кути, тому цей інструмент пропонує лише формати з альфа-каналом.

Більшість платформ (соціальні мережі, месенджери, форуми, застосунки для відеодзвінків) уже показують фото профілю в колі, тож там вистачить квадратного фото. Заздалегідь обрізане кругле зображення стане в пригоді всюди деінде: у підписах листів, на сторінках «про нас», у слайдах презентацій, резюме, сторінках команди, документах і будь-якому дизайні, де ви самі розміщуєте картинку.

Як вибрати розмір

Завантажуйте більше зображення, ніж розмір, у якому воно показується: платформи зменшують його, а екрани з високою щільністю пікселів потребують удвічі-втричі більшого розміру, щоб виглядати чітко. 400 або 512 px – надійний вибір для більшості фото профілю; 800 або 1024 px залишають запас для великих екранів і друку. Для підпису в електронному листі цілком достатньо 200 px.

Якщо сильно збільшити маленьке фото, коло охопить менше пікселів оригіналу, ніж розмір, який ви запросили. Тоді інструмент попередить, що результат буде збільшено й він трохи втратить різкість; зменште масштаб або виберіть менший Розмір результату, щоб зберегти чіткість.

Поради для кращого аватара

• Залиште трохи місця над головою й розташуйте очі приблизно на третині висоти кола зверху.
• Однотонний або розмитий фон краще читається в малих розмірах, ніж строкатий.
• Тонка рамка кольору бренду (2–4 %) допомагає зображенню виділитися на білих сторінках; біла рамка гарно виглядає на темному тлі.
• Використовуйте однакове кадрування на всіх платформах, щоб вас упізнавали з першого погляду.

Ваше фото не завантажується на сервер: воно відкривається, обрізається й кодується у вашому браузері, а збережений файл не містить метаданих EXIF, як-от GPS-координат.