Сохранить векторную фигуру с прозрачностью и чистым контуром в Photoshop?

Проблема, с которой я столкнулся, заключается в том, что после того, как я нарисовал векторную фигуру размером 16 на 16 пикселей (круг) с прозрачным фоном, все в фигуре так, как мне нужно, за исключением того, что сглаживание на изображении делает изображение выглядят зубчатыми, когда фон не белый.

Насколько я могу судить, когда я сохраняю изображение в Adobe Photoshop, я могу неправильно сохранять изображение в диалоговом окне «Сохранить для Интернета». Желаемый результат — векторная фигура 16x16 (px) с прозрачным фоном (чтобы она могла перемещаться по градиенту, когда изображение размещается на веб-странице). Это изображение может быть .gif или .png, я возьму любой.

Шаги для воссоздания:

1. Откройте фотошоп
2. Создать новый документ
3. Добавить новый слой
4. Удалить фоновый слой
5. Выберите инструмент «Эллипс» (не инструмент «Эллиптическое выделение»).
6. Щелкните левой кнопкой мыши и перетащите на холст
7. Введите 16 пикселей для высоты и ширины в появившемся диалоговом окне.
8. Нажмите «ОК», и свойства только что добавленной векторной формы будут выглядеть так:
9. Щелкните правой кнопкой мыши фигуру на холсте и выберитеMake Selection
10. Оставьте Feather равным «0» и отметьте Anti-Aliased, нажмите Ok.
11. В Imageменю выберитеCrop
12. Откройте диалоговое окно «Сохранить для Интернета» (ctrl + shft + alt + s).
13. Ниже приведен 1 из 20+ шаблонов настроек, которые я пробовал:
14. Просмотрите сохраненное изображение:

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

Помощь приветствуется.