--- title: "Использование собственного изображения в качестве значка плитки" description: "Как заменить значок плитки в веб-части Vitextra Smart Tiles собственным изображением: пункт «Своё изображение», ввод URL-адреса изображения или выбор картинки из библиотеки документов сайта, требования к изображению, размеры и удаление изображения для возврата к значку." url: https://vitextra.com/ru/support/kb/10244 language: ru published: 2026-10-09 modified: 2026-10-10 author: "Lidija Reising" tags: ["собственный значок плитки", "логотип компании на плитке SharePoint", "изображение вместо значка", "своё изображение Smart Tiles", "значок плитки из библиотеки документов", "SVG значок плитки SharePoint", "PNG значок веб-часть", "Vitextra Smart Tiles", "фирменный стиль навигации SharePoint", "URL-адрес изображения значка"] --- # Использование собственного изображения в качестве значка плитки Как заменить значок плитки в веб-части Vitextra Smart Tiles собственным изображением: пункт «Своё изображение», ввод URL-адреса изображения или выбор картинки из библиотеки документов сайта, требования к изображению, размеры и удаление изображения для возврата к значку. ## Введение Пять наборов значков [Smart Tiles](https://vitextra.com/ru/products/smart-tiles) покрывают большинство ссылок интранета, но некоторые адреса заслуживают собственной картинки: логотип партнёрской системы, знак внутреннего проекта, значок, нарисованный в фирменном стиле. Для них веб-часть принимает любое изображение вместо значка. В этой статье объясняется, как назначить изображение, что подготовить и как изображение отображается. ## Назначение изображения 1. Откройте страницу в режиме редактирования и нажмите кнопку **…** плитки. 2. Наведите указатель на **Значок плитки** и выберите **Своё изображение**. Откроется диалог **Изображение**. 3. Укажите изображение одним из двух способов: - введите или вставьте его адрес в поле **URL-адрес изображения**, или - просмотрите библиотеки сайта в списке под полем: нажмите на библиотеку, при необходимости откройте папки и нажмите на изображение. Его адрес будет подставлен в поле. 4. Нажмите **Применить**. ![Диалог «Изображение» с логотипом, выбранным из библиотеки Site Assets](https://static.vitextra.com/articles/10244/image-dialog-ru.png) *Диалог «Изображение» с логотипом, выбранным из библиотеки Site Assets* Изображение сразу заменяет значок на плитке. В подменю **Значок плитки** пункт **Своё изображение** теперь отмечен галочкой. ### Поле «URL-адрес изображения» Поле принимает абсолютный адрес, начинающийся с `https://`, или путь, начинающийся с `/`, — например `/sites/intranet/SiteAssets/logos/sap.svg`. Другие формы отклоняются с сообщением под полем, а кнопка **Применить** остаётся недоступной. ### Просмотр библиотек сайта Список под полем начинается с ::библиотек документов:: текущего сайта. Нажмите на библиотеку, чтобы увидеть её папки и изображения в ней в виде эскизов; подпись над списком показывает путь, в котором вы находитесь, а кнопка **Назад** возвращает на уровень выше. В списке показываются только файлы изображений — PNG, JPEG, GIF, SVG, WebP и BMP; папка без изображений и вложенных папок показывает надпись *В этой папке нет изображений*. 📝 **Заметка** Обозреватель показывает библиотеки только текущего сайта. Чтобы использовать изображение, хранящееся на другом сайте, вставьте его адрес в поле **URL-адрес изображения**. ## Подготовка изображения Изображение рисуется в размере, заданном настройкой **Размер значка** веб-части, — от 20 до 64 пикселей — и масштабируется под этот квадрат с сохранением пропорций. Для чистого результата: - используйте **квадратное изображение**, в котором объект заполняет весь кадр; широкие логотипы становятся мелкими, когда их вписывают в квадрат; - предпочитайте **SVG** или PNG размером не менее 128 × 128 пикселей, чтобы изображение оставалось чётким на экранах высокого разрешения; - используйте **прозрачный фон**, чтобы изображение лежало на цвете плитки, а не в белом прямоугольнике; - проверьте изображение на фоне цвета плитки — тёмный логотип пропадает на тёмной плитке. ![Квадратное изображение с прозрачным фоном подходит лучше всего](https://static.vitextra.com/articles/10244/image-comparison-ru.png) *Квадратное изображение с прозрачным фоном подходит лучше всего* В отличие от стандартных значков, своё изображение не принимает **Цвет шрифта** плитки: оно показывается в собственных цветах. Настройка **Тень** веб-части применяется к собственным изображениям так же, как к значкам. ## Где хранить изображения Библиотека **Site Assets** (Ресурсы сайта) — естественное место: её может читать каждый посетитель сайта, и она включается в резервное копирование и восстановление сайта. Подойдёт любая другая библиотека или сайт при условии, что люди, которые видят плитку, могут прочитать изображение, — посетитель без доступа к изображению видит пустое место там, где должен быть значок. ❗ **Важно** Изображения загружаются браузером посетителя напрямую с адреса, указанного в плитке. Изображение на внешнем сайте должно отдаваться по HTTPS, и веб-часть не сможет показать его, если этот сайт запрещает встраивание. ## Удаление изображения Чтобы вернуться к значку, либо выберите значок из любого набора в подменю **Значок плитки** — это удалит своё изображение, — либо снова откройте **Своё изображение** и нажмите **Убрать изображение** в диалоге. 💡 **Совет** Тот же диалог **Изображение** используется для фона плитки; см. статью [KB10245. Настройка фонового изображения плитки](https://vitextra.com/ru/support/kb/10245). Наборы значков описаны в статье [KB10243. Выбор значков для плиток](https://vitextra.com/ru/support/kb/10243). Подробнее о продукте: