Dock-oriented preview
Смотрите на иконку в среде, близкой к Dock, а не на пустом квадрате.
Создавайте macOS-style app icons с Dock preview и desktop export
Если вы хотите, чтобы логотип выглядел естественно в macOS Dock или на desktop-поверхностях, эта страница подходит лучше всего.
Один логотип на входе, иконки для всех платформ на выходе
Сразу видно, как логотип выглядит как favicon, desktop и mobile icon
Browser
Desktop
Mobile
Попробовать генератор
Эта страница ориентирована на macOS Dock, desktop icon sizes и более Apple-подобный desktop контекст.
Живой предпросмотр
Dock preview помогает оценить размер, контраст и общую полировку перед экспортом.
Предпросмотр вкладки браузера
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
Предпросмотр macOS Dock
App
Предпросмотр панели задач Windows
App
10:00
Предпросмотр мобильного экрана
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Настройки и экспорт
Настраивайте иконку под desktop-сценарии, сохраняя совместимость с web и mobile.
Сменить изображение
По умолчанию загружено демо-изображение. Добавьте свой логотип, чтобы проверить реальный экспорт.
Настройка изображения
Точно подстройте загруженное изображение перед экспортом.
Standard Rounded
20%
22.5%
0%
центр = 0
Смещайте загруженное изображение относительно центра с помощью X/Y-сдвига.
0%
0%
Obsidian Glass
Сплошные цвета
Градиенты
Mesh и Grid
Стекло
Паттерны
Свечение
В zip входит:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Острые углы
desktop-*.png256/1024
site.webmanifestJSON
Apple-inspired desktop styling
Используйте rounded squares, glass, gradients и mesh, чтобы добавить desktop-polish.
Большие desktop exports
Пакет включает крупные PNG вроде 256x256 и 1024x1024 для презентаций и launch assets.
Как создать macOS icon
1. Загрузите знак
Начните с glyph, логотипа или упрощённого бренд-знака.
2. Доведите desktop-look
Экспериментируйте с радиусом, glass, gradients и отступом, пока иконка не будет убедительно смотреться в Dock.
3. Экспортируйте пакет
Скачайте полный zip, чтобы использовать ту же визуальную систему для browser, mobile и desktop.
FAQ по macOS icon
Подходит ли страница для концептов Mac app?
Да. Она полезна как для web-export, так и для ранней проработки концепции Mac app icon.
Будут ли экспортироваться большие desktop PNG?
Да. Пакет включает крупные PNG-размеры для desktop-сценариев.
Те же настройки подходят и для web icons?
Да. Общий генератор экспортирует browser, Apple, Android и desktop файлы из одного и того же состояния.