Карта изображения HTML
Кликабельные области для веб-изображений
Работает в браузере. Файлы не покидают ваше устройство.
Как пользоваться: Карта изображения HTML
- Добавьте изображение, которое хотите сделать кликабельным.
- Нарисуйте прямоугольники, круги или многоугольники над частями, которые должны вести по ссылке, и заполните ссылку и альтернативный текст для каждой.
- Скопируйте HTML-код или скачайте готовую HTML-страницу.
Об этом инструменте
Сделайте части изображения кликабельными. Рисуйте на картинке прямоугольники, круги и многоугольники, задайте каждой области ссылку, альтернативный текст и при желании подсказку и скопируйте готовую HTML-карту изображения.
Карты изображений используют фиксированные координаты в пикселях, поэтому инструмент может добавить крошечный скрипт, сохраняющий области на месте при изменении размера изображения. Также можно экспортировать ссылки с позицией в процентах, которые масштабируются вместе с изображением без скрипта.
- Работает на вашем устройстве. Ничего не загружается на сервер.
- Бесплатно, без регистрации и водяных знаков.
- Никаких ограничений на количество и размер файлов, кроме возможностей вашего устройства.
Вопросы и ответы
Работают ли карты изображений на адаптивных сайтах?
Простые карты изображений не масштабируются: их координаты заданы в пикселях исходного изображения. Включите скрипт масштабирования или выберите «Ссылки в процентах», которые размещают ссылки в процентах поверх изображения.
Как нарисовать многоугольник?
Выберите «Многоугольник», нажимайте на каждый угол, затем нажмите на первый угол, дважды щёлкните или нажмите Enter, чтобы закончить. Esc отменяет, а Backspace удаляет последний угол.
Обязателен ли альтернативный текст?
Да, для доступности: у каждой кликабельной области должен быть альтернативный текст, описывающий, куда ведёт ссылка, чтобы ей могли пользоваться пользователи программ чтения с экрана.
Карта изображения HTML — это бесплатно?
Да. Все инструменты ImgImage бесплатны: без регистрации, без водяных знаков и без ограничений на количество обрабатываемых файлов.
Мои файлы куда-нибудь загружаются?
Нет. Файлы обрабатываются вашим браузером и не покидают устройство. Ничто из того, что вы здесь открываете, не отправляется на сервер.
Работает ли это на телефоне?
Да. Всё работает в любом современном браузере на телефонах, планшетах и компьютерах. Большие файлы быстрее обрабатываются на компьютере.