Как вырезать пнг в фигме
Формат png ценен именно за поддержку прозрачности, что делает его идеальным для логотипов, иконок и изолированных объектов. Часто возникает задача не просто вырезать объект в рамках проекта, но и сохранить его как отдельный png-файл. Фигма делает этот процесс экспорта простым и настраиваемым, позволяя подготовить графику для дальнейшего использования в вебе или других проектах.
Подготовка объекта к экспорту
Перед тем как вырезать png, убедитесь, что ваш объект действительно имеет прозрачный фон.
- Если вы использовали маску или плагин для удаления фона, фон должен быть представлен в виде шахматной сетки.
- Также рекомендуется сгруппировать объект или создать фрейм, размеры которого вплотную соответствуют границам объекта.
Это поможет избежать лишнего пустого пространства на итоговом изображении.
Процесс экспорта в формате png
Для экспорта выделите подготовленный объект или фрейм.
- На правой панели в разделе "Export" нажмите кнопку "+", чтобы добавить предустановку для экспорта.
- В выпадающем списке форматов выберите "PNG".
- Убедитесь, что в настройках не стоит галочка "Trim transparent", если вам нужно сохранить точные размеры фрейма, включая прозрачные области.
Настройка размера и разрешения
Фигма позволяет экспортировать один и тот же объект в нескольких размерах одновременно, что особенно полезно для адаптивного дизайна. Вы можете добавить несколько пресетов с суффиксами в названии файла, например, @2x и @3x. "Для веба обычно достаточно стандартного разрешения 1x, но для мобильных приложений могут потребоваться версии с большим разрешением".
| Настройка | Описание | Рекомендация |
|---|---|---|
| Формат | Выбор типа файла | Выберите PNG для поддержки прозрачности |
| Разрешение | Множитель размера | Используйте 1x для веба, 2x или 3x для ретины |
| Область экспорта | Что именно сохраняется | Выбор объекта или Весь фрейм |
Проверка результата экспорта
После экспорта обязательно откройте полученный png-файл в просмотрщике изображений, чтобы убедиться в корректности. Фон должен оставаться прозрачным, а края объекта - четкими, без нежелательных артефактов или остатков фона. Если результат вас не устраивает, вернитесь в фигму и доработайте маску или контур объекта перед повторным экспортом.
Вывод
Создание png-файлов с прозрачным фоном в фигме - это логичное завершение процесса вырезания объекта. Инструменты экспорта позволяют гибко настраивать размер и разрешение итоговой графики. Правильно подготовленный png готов к использованию в любом цифровом проекте.