2026 Mac: матрица решений по доставке favicon и PWA-иконок PNG — многоразмерные слоты, безопасная зона maskable, sRGB и приёмка батча на удалённом M4

Почему «иконки сайта» — это три разных продукта в одном брифе

1. Геометрия слотов расходится. Вкладке нужен читаемый знак в 32 px; iOS ждёт 180×180; манифест — 192 и 512 для установки; один мастер редко закрывает все кропы без полей.
2. Maskable — не «просто большой PNG». Адаптивные лончеры обрезают по кругу и squircle; графика у кромки исчезает предсказуемо.
3. Цвет уезжает без контракта. Авторинг в широком охвате и нетегированный PNG на sRGB-оболочках дают разный оттенок; профиль нужно решить до пакетного sips.
4. Объём нужно гейтить. Хеши, stat и версии CLI логичнее держать на воркере, а не на ноутбуке между созвонами.

Согласуйте цвет с чеклистом sRGB и Display P3, политику форматов — с гайдом WebP, AVIF и PNG. Для других пропорций безопасных зон см. матрицу соцбаннеров PNG; для нативных лесенок — матрицу iOS-иконок и чеклист ICNS.

Таблица слотов: favicon, touch-icon, manifest, maskable

Закреплённые шаги на macOS: sips, резкость magick, манифест

Зафиксируйте сборку ImageMagick на воркере и пишите в лог sips --version на каждый прогон; путь к ICC при необходимости замените на корпоративный профиль.

Шаг 1 — нормализация квадратного мастера в sRGB

sips --matchTo "/System/Library/ColorSync/Profiles/sRGB Profile.icc" master.png --out master_srgb.png

Если по контракту теги ICC нужно снять после согласования цвета, используйте рецепт из гайда по ICC и lossless-пересжатию PNG.

Шаг 2 — детерминированные размеры через sips

sips -z 32 32 master_srgb.png --out favicon-32.png
sips -z 180 180 master_srgb.png --out apple-touch-icon-180.png
sips -z 192 192 master_srgb.png --out pwa-192.png
sips -z 512 512 master_srgb.png --out pwa-512-any.png

16×16 оставьте для связки с классическим .ico; для современного веба часто достаточно 32 плюс SVG.

Шаг 3 — опциональная микрорезкость для favicon

magick favicon-32.png -colorspace sRGB -filter Lanczos -resize 32x32! -unsharp 0x0.45+0.45+0.006 favicon-32-sharp.png

Радиус держите малым, чтобы не поймать ореолы. Для мягкого арта 512 maskable резкость обычно отключают.

Шаг 4 — maskable: явные поля и превью

Масштабируйте знак так, чтобы его ограничивающий прямоугольник помещался в круг 80% диаметра. Проверка: Chrome DevTools → Application → предпросмотр maskable для манифеста.

Шаг 5 — HTML, manifest и хеши

shasum -a 256 pwa-512-any.png >> icons-manifest.sha256

Свяжите link rel="icon", apple-touch-icon и manifest с теми же именами файлов, что прошли гейты; при смене файла обновляйте ключ кэша.

Чеклист приёмки батча на удалённом Mac M4

1. Геометрия: W×H строго по спецификации; отклонять «почти 192» и нечётные размеры, если вниз по пайплайну ждут чётные квадраты.
2. sRGB: на выборке magick identify -verbose — Colorspace: sRGB и согласованное с README состояние ICC.
3. Пороги байт (стартовые ориентиры): 32 ≤ 12 KB, 180 ≤ 45 KB, 192 ≤ 55 KB, 512 any ≤ 180 KB, 512 maskable ≤ 220 KB — подстройте под CDN и политику сжатия.
4. Резкость: каждый вызов -unsharp с тройкой параметров пишите в JSONL для дифф-ревью.
5. Дымовой тест установки: «На экран «Домой»» в Chrome на Android и Safari на iOS со staging; сохраните скриншоты в артефакты релиза.

Пороги и фрагменты проверки

• Круг maskable: диаметр 0,8 × min(width, height) по центру квадрата; всё снаружи считается расходуемым под маску.
• Отступ touch-icon: по умолчанию ≥ 10% поля; для тонких штрихов целиться в ≈ 14%.
• Пример гейта в shell (macOS): test "$(stat -f%z pwa-192.png)" -le 55000 — потолок 55 KB для 192; замените число на свой SKU.

FAQ

Один файл 512 для any и maskable? Только если поля уже удовлетворяют правилам maskable; иначе заведите две строки в icons[], чтобы не словить обрезку на Pixel.

Touch-icon темнее макета? Повторите приведение к sRGB и сравните гамму экспорта дизайна с Safari на калиброванном дисплее.

Дальнейшие шаги: аренда удалённого M4 для ночных прогонов иконок

После ребрендинга удалённый Mac mini M4 заново прогоняет sips, magick и проверки stat для десятков арендаторов на одной версии toolchain. Откройте MacPng, изучите тарифы и узлы, помощь по доступу и раздел Технические идеи для смежных матриц; оформить воркер можно через аренду и покупку без обязательного предварительного входа.