Как сохранить качество в фигме?

После 2x текст чётче, а исходную фотографию пришлось заменить.

• Определите размер картинки, который нужен на выходе. Масштаб просмотра холста не задаёт количество пикселей экспортируемого файла. Увеличение с 50% до 200% перед выгрузкой само по себе не делает PNG крупнее.

• В Export выберите подходящий растровый формат и масштаб, например 2x. Фрейм 400 на 200 при таком экспорте даст изображение 800 на 400 пикселей. Это полезно, когда картинка будет показана в меньшем логическом размере на плотном экране.

• Проверьте исходные фотографии. Если внутри макета лежит маленький размытый снимок, увеличение масштаба экспорта не создаст отсутствующие детали. Для такого участка нужен более качественный исходник или другой способ подготовки изображения.

• Для текста и графики с прозрачностью часто подходит PNG. JPG использует сжатие с потерями и может ухудшать мелкие детали. Для подходящей векторной иконки рассмотрите SVG, учитывая поддержку её эффектов в целевой среде.

• Откройте итоговый файл и посмотрите его реальные пиксельные размеры. Не оценивайте качество по миниатюре в папке или предпросмотру мессенджера: они могут показывать уменьшенную копию.

• Сравните два экспорта, например 1x и 2x, в одинаковом размере показа. Убедитесь, что дополнительный размер действительно нужен получателю, а не просто увеличивает объём файла.

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

Масштаб экспорта Выберите в Export подходящее значение, например 2x. Оно меняет размеры растрового результата. Процент приближения холста к этому не относится. Для фрейма 400 на 200 экспорт 2x означает 800 на 400 пикселей.

Исходное содержимое Текст и векторные фигуры могут отрисовываться чётче при большем размере, но маленькая фотография не получает новых деталей автоматически. Проверьте, какой именно участок выглядит размытым.

Показ результата Откройте итоговый файл вне уменьшенного предпросмотра. Если его затем растягивают на сайте, учитывайте размер показа. Для графики с текстом попробуйте PNG, а для подходящих векторных элементов SVG. Сравните результат в той среде, где его будут использовать.

Увеличивал только просмотр холста, в Export оставалось 1x.