Toolipedia- Бесплатно
- Без регистрации
- Работает на любом устройстве
По вашему запросу ничего не найдено.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Создайте QR-код для ссылки, Wi-Fi, WhatsApp, контакта и не только или считайте его с фото.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Заполните данные, чтобы увидеть QR-код.
PNG — для телефонов, чатов и сайтов. SVG и PDF остаются чёткими при любом размере и лучше всего подходят для печати. Совет: наведите камеру телефона на превью, чтобы проверить код.
3. Оформление (необязательно): цвета, точки, логотип
Выберите фото или снимок экрана или перетащите его сюда
Подходят фото напечатанных кодов, снимки экрана и файлы изображений.
Поиск QR-кодов…
SVG в data URI
Превратите SVG в data URI для фонов CSS или тегов <img>.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Около SVG в data URI
Превратите SVG в data URI для использования в CSS background-image или в src элемента img, избежав лишнего запроса файла. SVG в URL-кодировке обычно меньше, чем Base64, который добавляет около трети. Маленькие значки хорошо подходят для встраивания, а крупные изображения лучше хранить отдельными файлами, которые кэшируются.
Как пользоваться инструментом «SVG в data URI»
- Вставьте свой код SVG.
- Выберите кодировку и тип вывода, например CSS background или img src.
- Скопируйте data URI в свою таблицу стилей или HTML.
Чем полезен этот инструмент?
- Конфиденциально: всё происходит в браузере. Ничего из введённого не загружается.
- Бесплатно, без регистрации, без водяных знаков и без ограничений на число использований.
- Работает на телефонах, планшетах и компьютерах: Android, iPhone, Windows, Mac и Linux. Ничего не нужно устанавливать.
- Можно бесплатно встроить на свой сайт, с готовым кодом для копирования.
- Доступно на 10 языках.
Другие названия
Частые вопросы
Что меньше: SVG в Base64 или в URL-кодировке?
URL-кодировка обычно меньше, потому что Base64 увеличивает данные примерно на 33 процента. Но в некоторых старых инструментах Base64 всё же надёжнее.
Почему мой data URI не работает в CSS?
Кавычки внутри SVG могут конфликтовать с кавычками вокруг URL. Используйте вариант вывода CSS, который сам обрабатывает кавычки.
Можно ли изменить цвет SVG, используемого как data URI?
Не с помощью CSS color, так как изображение воспринимается как картинка. Измените fill в SVG перед кодированием.
Инструмент «SVG в data URI» бесплатный?
Да. Инструмент «SVG в data URI» на Toolipedia бесплатный: без регистрации и водяных знаков.
Это безопасно?
Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.
Работает ли это на телефоне?
Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.
Нужна ли учётная запись?
Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.
Можно ли разместить SVG в data URI на моём сайте?
Да. Нажмите кнопку «Встроить на свой сайт» под инструментом, чтобы скопировать короткий фрагмент кода и вставить его на страницу. Это бесплатно, аккаунт не нужен, и инструмент продолжает работать внутри вашей страницы.