SVG icons для карты Dude

Приветствую всех коллег и тех, кто стремится сделать администрирование сетей более удобным и информативным! Сегодня я хочу поделиться с вами знаниями об использовании SVG иконок для улучшения карты Dude от MikroTik. Современные средства мониторинга и управления сетями требуют не только функциональности, но и удобного визуального восприятия, руководство высоко ценит визуальные эффекты, впрочем вы это и сами понимаете…
В этой статье мы рассмотрим, как с помощью векторной графики SVG можно сделать карту Dude более читабельной, понятной и стильной. Давайте вместе разберемся, как использование SVG иконок может стать ключевым элементом в повышении эффективности ваших системных решений и сетевого мониторинга.

Почему SVG icons?

SVG (масштабируемая векторная графика) предоставляет нам возможность создавать гибкие и масштабируемые иконки, которые сохраняют свою четкость независимо от размера. В этой статье мы рассмотрим, как этот формат может улучшить визуальный опыт пользователя и сделать карту Dude более информативной. Самый большой плюс иконок в SVG формате это очень маленький размер файлов, соответственно цветопередача ущербная. Но на сетевой карте это не столь важно,  как правило.

На картах Dude можно использовать иконки в нескольких форматах. Вот несколько распространенных форматов, которые поддерживаются:

1. PNG (Portable Network Graphics): PNG — это популярный формат для изображений, который обеспечивает отличное качество с прозрачностью. Он хорошо подходит для иконок с пространством прозрачности, что делает его удобным для интеграции в различные фоны.
2. JPEG (Joint Photographic Experts Group): JPEG — формат, обычно используемый для фотографий, но также может использоваться для иконок. Однако, он не поддерживает прозрачность и может сжимать изображение, что приводит к потере качества.
3. GIF (Graphics Interchange Format): GIF также поддерживается и может использоваться для анимированных иконок. Он поддерживает прозрачность, но имеет ограниченный цветовой диапазон.
4. SVG (Scalable Vector Graphics): SVG — векторный формат, предоставляющий возможность создания масштабируемых иконок. Он поддерживает прозрачность, не теряя качества при масштабировании, что делает его прекрасным выбором для карт Dude.

Выбор формата зависит от конкретных требований вашего проекта. В случае карт Dude, использование SVG иконок может предоставить дополнительные преимущества в размере файлов.

Готовый набор иконок оборудования Mikrotik в SVG формате

Ранее я уже выкладывал набор иконок в SVG формате, в статье кроме библиотеки иконок подробно описан способ установки русских шрифтов для карты сети Dude. В предлагаемом архиве более 200 иконок оборудования Mikrotik, SFP модули, оптические патчкорды, блоки питания, платы расширения, антенны и прочее оборудование которое может понадобится для сетевой карты.

Хочу обратить ваше внимание на размер библиотеки, по своему опыту знаю, излишне раздувать количество иконок в Dude расточительно, хранилище не резиновое, выбирайте то, что действительно пригодится.

Кроме того, для поиска и загрузки SVG иконок для вашей карты Dude, можно воспользоваться следующими ресурсами:

1. FontAwesome: FontAwesome предоставляет обширную библиотеку бесплатных иконок, включая SVG векторные изображения. Вы можете загрузить их с их официального сайта.
2. Material Icons: Material Icons — это еще один ресурс, предоставляющий богатую коллекцию иконок. Выберите нужные вам изображения и скачайте их в формате SVG.
3. Ionicons: Ionicons — это библиотека иконок для веб-проектов. Вы можете скачать SVG иконы, предоставляемые этим ресурсом, и использовать их на карте Dude.
4. SVGRepo: SVGRepo предоставляет бесплатные иконки в формате SVG. Вы можете искать и скачивать их для использования в своих проектах, включая карту сетей Dude.
5. Flaticon: Flaticon — это ресурс, предлагающий миллионы бесплатных иконок. Выберите необходимые иконки, загрузите их в формате SVG.

Использование SVG иконок в Dude Map — это не только техническое улучшение, но и шаг вперед в создании удобной и информативной карты вашей сети. Следуйте нашим советам, и ваши коллеги и руководство по достоинству оценят более понятный и удобный интерфейс!

Превью SVG файлов в Windows

Работа с большим объемом файлов SVG на операционной системе Windows может вызывать неудобства из-за отсутствия эскизов для быстрого просмотра в проводнике. Однако данную проблему можно легко решить с помощью расширения для проводника под названием «SVG Viewer Extension for Windows Explorer«.
Это расширение отлично функционирует на операционных системах Windows 7, Windows 8 и Windows 10 (как на 64-битных, так и на 32-битных системах). В случае, если после установки миниатюры не отображаются, рекомендуется выполнить сброс кэша значков в свойствах диска.