> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getqr.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Фони

> Як працює фон вашого QR-коду та як отримати прозорий або кольоровий вигляд.

Custom designs у конструкторі мають білий фон. Щоб розмістити код на кольоровій поверхні, завантажте його з прозорим фоном або скористайтеся рамкою, щоб додати навколо нього кольорову картку.

## Як працює фон

| Де | Фон |
| - | - |
| Попередній перегляд у конструкторі | Білий за кодом. |
| Завантаження JPG | Суцільний фон. |
| Завантаження PNG і SVG | Прозорий фон. |
| Рамки | Деякі рамки додають кольорову картку навколо коду. |

## Отримання прозорого фону

**1. Відкрийте параметри завантаження**

На панелі керування відкрийте дії QR-коду й натисніть **Download QR**.

**2. Виберіть прозорий формат**

Виберіть **PNG - Best quality (transparent background)** або **SVG - Print & edit (transparent background)**.

**3. Завантажте файл**

Натисніть **Download QR** у діалоговому вікні.

> [!NOTE]
>
> Дизайни Branded і AI завантажуються у форматі JPG, PNG або PDF. Дизайн Branded, створений із логотипа з прозорим фоном, зберігає цю прозорість у PNG.

## Додавання кольорової картки за допомогою рамки

**1. Відкрийте Frame**

У **Customize & Download** на вкладці **Custom designs** натисніть чип **Frame**.

**2. Виберіть рамку-картку**

Виберіть рамку в розділі **Frame around the QR code**.

**3. Виберіть її кольори**

Виберіть групу зразків у **Color presets** або задайте **Frame color** на чипі **Customization**.

Усі налаштування рамок див. у розділі [Рамки](/ua/design/frames).

## Поради щодо розміщення коду на фоні

* Розміщуйте код на світлій однотонній ділянці. Темний код на світлому фоні сканується найкраще.
* Уникайте строкатих фотографій або візерунків за прозорим кодом.
* Залишайте вільне поле навколо коду, щоб камери могли знайти його краї.
* Перед великим тиражем надрукуйте тестову копію на справжньому матеріалі.

## Поширені проблеми

> **Мій прозорий PNG або SVG виглядає неправильно**
>
> Прозорі файли можуть дивно виглядати в переглядачах із темним фоном. Це очікувано: перегляньте файл на світлому фоні або розмістіть його у своєму макеті.

> **Код не сканується на темному фоні**
>
> Код темний, тому йому потрібна світла поверхня. Завантажте JPG, який має суцільний фон, або додайте навколо коду світлу рамку.

> **Мені потрібен білий прямокутник за кодом**
>
> Завантажте JPG. Він має суцільний фон.

## Що далі

> **[Формати та роздільна здатність](/ua/downloads/formats-and-resolution)**

> **[Друк QR-коду](/ua/downloads/printing)**

> **[Рамки](/ua/design/frames)**

> **[Кольори](/ua/design/colors)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.