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