[GIMP]Mapowanie obrazu pod HTML.
Cześć! Częstym problemem przy tworzeniu witryn jest to, że linkujemy na zasadzie 1 obraz-1 odnośnik. W ten sposób wielu niepotrzebnie tnie wszelkie menu, mapy, listy czy bannery i linkuje każdy osobno kiedy może przyporządkować poszeczególne odnośniki poszczególnym partiom obrazu.
Zaczniemy od otwarcia GIMPa i stworzenia jakiegoś menu. Ja wykorzystam jedno które stworzyłem kiedyś na potrzebę strony na informatykę.
![](https://static.wixstatic.com/media/ed6902_67ad51fcee91431096046763af840150.png/v1/fill/w_800,h_80,al_c,q_85,enc_avif,quality_auto/ed6902_67ad51fcee91431096046763af840150.png)
![](https://static.wixstatic.com/media/ed6902_8346168f9c3545cba497c77ffbd933c0.png/v1/fill/w_590,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_8346168f9c3545cba497c77ffbd933c0.png)
Jeśli wasz obraz do zmapowania jest jeszcze w fazie roboczej-połączcie wszystkie warstwy i przytnijcie go Obraz=>>Automatycznie przytnij obraz. Dzięki temu unikniemy potem problemów typu "za duży obraz roboczy podczas mapowania" (wiem z doświadczenia...).
![](https://static.wixstatic.com/media/ed6902_fb91495c3f384559a7c70770747f0038.png/v1/fill/w_503,h_577,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_fb91495c3f384559a7c70770747f0038.png)
Wybieramy Filtry=>>Strony WWW=>>Mapa obrazu.
![](https://static.wixstatic.com/media/ed6902_dce7cd3842e24c66a56be6a5a610efca.png/v1/fill/w_391,h_230,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_dce7cd3842e24c66a56be6a5a610efca.png)
Będziemy korzystali z zaznaczonych na screenie po lewej narzędzi. Służą kolejno do zaznaczania prostokątów, elips/okręgów oraz wielokątów. Wystarczy zaznaczyć nimi fragment który chcemy zmapować pod odnośnik i wyskoczy nam kolejne okno.
![](https://static.wixstatic.com/media/ed6902_bda88e3ba005447da255193d3b7a4bb0.png/v1/fill/w_586,h_405,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_bda88e3ba005447da255193d3b7a4bb0.png)
Wybieramy co chcemy żeby było zlinkowane, podajemy adres i zatwierdzamy.
Podobnie postępujemy z kolejnymi fragmentami obrazu do zmapowania.
![](https://static.wixstatic.com/media/ed6902_8b5d70721bae49d49b32d97f40bc16a5.png/v1/fill/w_191,h_137,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_8b5d70721bae49d49b32d97f40bc16a5.png)
Teraz zwyczajnie zapisujemy mapę obrazu (otrzymamy plik w formacie *.map). Pamiętajcie żeby potem zapisać obraz menu bo mapa obrazu bez obrazu jest bezużyteczna.
![](https://static.wixstatic.com/media/ed6902_c3c14d29cff64afda7f236551b554ae8.png/v1/fill/w_517,h_220,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_c3c14d29cff64afda7f236551b554ae8.png)
Ów plik z rozszerzeniem *.map możemy teraz otworzyć za pomocą notatnika. Zawiera on fragment kodu do wstawienia obrazu z poprawnymi wymiarami oraz mapą obrazu. w <img src="Bez nazwy" fragment w cudzysłowiu zamieniamy na ścieżkę do orbazu. Kod gotowy do wstawienia na stronę.
Część zawarta w <!-- --!> to komentaże od twórcy które możemy usunąć lub zmodyfikować. Nie są one brane pod uwagę przez przeglądarkę.
![](https://static.wixstatic.com/media/ed6902_0139d6f00e44429cb1c0fefe483fa6c2.png/v1/fill/w_547,h_108,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ed6902_0139d6f00e44429cb1c0fefe483fa6c2.png)