ImgImage

HTML obrazová mapa

Klikací oblasti pro webové obrázky

Běží ve vašem prohlížeči. Soubory nikdy neopustí vaše zařízení.

  Načítání nástroje…

Jak používat nástroj HTML obrazová mapa

  1. Přidejte obrázek, který chcete udělat klikacím.
  2. Nakreslete obdélníky, kruhy nebo mnohoúhelníky přes části, které mají někam odkazovat, a vyplňte každý odkaz a alternativní text.
  3. Zkopírujte kód HTML, nebo stáhněte hotovou stránku HTML.

O tomto nástroji

Udělejte části obrázku klikací. Nakreslete na obrázek obdélníky, kruhy a mnohoúhelníky, dejte každé oblasti odkaz, alternativní text a volitelný popisek a zkopírujte hotovou HTML obrazovou mapu.

Obrazové mapy používají pevné souřadnice v pixelech, takže nástroj může přidat drobný skript, který udrží oblasti zarovnané při změně velikosti obrázku. Místo toho můžete exportovat odkazy umístěné v procentech, které se s obrázkem škálují bez jakéhokoli skriptu.

  • Funguje ve vašem zařízení. Nic se nenahrává.
  • Zdarma, bez registrace a bez vodoznaku.
  • Žádné limity počtu ani velikosti souborů kromě možností vašeho zařízení.

Otázky a odpovědi

Fungují obrazové mapy na responzivních webech?

Obyčejné obrazové mapy se neškálují: jejich souřadnice jsou v pixelech původního obrázku. Zapněte skript pro změnu velikosti, nebo zvolte Odkazy v procentech, které umístí odkazy v procentech přes obrázek.

Jak nakreslím mnohoúhelník?

Zvolte Mnohoúhelník, klikejte na jednotlivé rohy a dokončete kliknutím na první roh, dvojitým kliknutím nebo klávesou Enter. Esc zruší a Backspace odebere poslední roh.

Je alternativní text povinný?

Ano kvůli přístupnosti: každá klikací oblast by měla mít alternativní text popisující, kam odkaz vede, aby ji mohli používat uživatelé čtečky obrazovky.

Je nástroj HTML obrazová mapa zdarma?

Ano. Každý nástroj na ImgImage je zdarma, bez registrace, bez vodoznaku a bez omezení počtu zpracovaných souborů.

Nahrávají se mé soubory někam?

Ne. Vaše soubory zpracovává přímo váš prohlížeč a nikdy neopustí vaše zařízení. Nic, co zde otevřete, se neodesílá na server.

Funguje to na mobilu?

Ano. Funguje v každém moderním prohlížeči na telefonech, tabletech i počítačích. Velké soubory se na počítači zpracují rychleji.

Související nástroje

Hledat nástroje