Белые полосы при экспорте картинок из Figma
Верстальщики и дизайнеры, которые только начинают работать с фигмой, сталкиваются с ошибкой при сохранении картинок — после экспорта у изображения появляются лишние белые полосы.
![фигма белые полосы при экспорте](/_next/image?url=https%3A%2F%2Fapi.sereja-art.ru%2Fuploads%2Ffigma_polosi_3_03d5ea1bc3.png&w=3840&q=85)
Механизм экспорта картинок из Figma
Нужно понимать механизм экспорта из Figma. Программа при выгрузке картинок округляет все дробные значения размеров и координат, именно поэтому после экспорта мы видим лишние границы, линии и получаем другой размер изображения.
Например, для верстальщиков критически важно получать именно тот размер изображения, который мы выгружали, иначе картинка на странице сайта может быть размытой, а это очень плохо и всем от этого грустно.
Как исправить?
Округлите координаты, высоту и ширину изображения до целого значения. Это значит, что вам надо удалить точку и все числа после нее.
![фигма дробные значения ширины](/_next/image?url=https%3A%2F%2Fapi.sereja-art.ru%2Fuploads%2Ffigma_polosi_1_d26bab3b1f.png&w=3840&q=85)
![фигма дробные значения ширины 2](/_next/image?url=https%3A%2F%2Fapi.sereja-art.ru%2Fuploads%2Ffigma_polosi_2_fc5d05c447.png&w=3840&q=85)
![фигма дробные значения ширины 3](/_next/image?url=https%3A%2F%2Fapi.sereja-art.ru%2Fuploads%2Ffigma_polosi_4_6e4447f2a4.png&w=3840&q=85)
Запоминаем, что округляем
- Ширину
- Высоту
- Координаты
Используя эти рекомендации, вы сможете избежать появления белых полос и линий при сохранении изображений в Figma и получить качественные результаты.