Mapa obrazu HTML
Klikalne obszary na obrazach w sieci
Działa w przeglądarce. Pliki nie opuszczają Twojego urządzenia.
Jak korzystać z narzędzia Mapa obrazu HTML
- Dodaj obraz, który chcesz uczynić klikalnym.
- Rysuj prostokąty, koła lub wielokąty nad częściami, które mają dokądś prowadzić, i wypełnij każdy link oraz tekst alternatywny.
- Skopiuj kod HTML lub pobierz gotową stronę HTML.
O tym narzędziu
Spraw, aby części obrazu były klikalne. Rysuj prostokąty, koła i wielokąty na obrazie, nadaj każdemu obszarowi link, tekst alternatywny i opcjonalną podpowiedź, a następnie skopiuj gotową mapę obrazu HTML.
Mapy obrazów używają stałych współrzędnych w pikselach, więc narzędzie może dodać malutki skrypt, który utrzymuje obszary wyrównane po zmianie rozmiaru obrazu. Możesz też wyeksportować zamiast tego linki pozycjonowane procentowo, które skalują się z obrazem bez żadnego skryptu.
- Działa na Twoim urządzeniu. Nic nie jest przesyłane.
- Za darmo, bez rejestracji i bez znaku wodnego.
- Brak limitów liczby i rozmiaru plików poza możliwościami Twojego urządzenia.
Pytania i odpowiedzi
Czy mapy obrazów działają na stronach responsywnych?
Zwykłe mapy obrazów się nie skalują: ich współrzędne są w pikselach oryginalnego obrazu. Włącz skrypt zmiany rozmiaru lub wybierz Linki procentowe, które umieszczają linki w procentach nad obrazem.
Jak narysować wielokąt?
Wybierz Wielokąt, kliknij każdy narożnik, a potem kliknij pierwszy narożnik, kliknij dwukrotnie lub naciśnij Enter, aby zakończyć. Esc anuluje, a Backspace usuwa ostatni narożnik.
Czy tekst alternatywny jest wymagany?
Tak, ze względu na dostępność: każdy klikalny obszar powinien mieć tekst alternatywny opisujący, dokąd prowadzi link, aby mogli z niego korzystać użytkownicy czytników ekranu.
Czy Mapa obrazu HTML jest darmowe?
Tak. Każde narzędzie w ImgImage jest darmowe: bez rejestracji, bez znaku wodnego i bez limitu liczby przetwarzanych plików.
Czy moje pliki są gdzieś przesyłane?
Nie. Pliki są przetwarzane przez Twoją przeglądarkę i nigdy nie opuszczają urządzenia. Nic, co tu otworzysz, nie jest wysyłane na serwer.
Czy działa na telefonie?
Tak. Działa w każdej nowoczesnej przeglądarce na telefonach, tabletach i komputerach. Duże pliki są szybciej przetwarzane na komputerze.