Quando si fa clic su parte di un'immagine del sito Web e il browser passa a un'altra pagina Web, una mappa immagine è probabilmente responsabile di quell'azione. Progettisti di siti possono scrivere codice HTML che crea cliccabile hot spot su qualsiasi immagine. Costruire mappe immagine a mano è che richiede tempo perché è necessario identificare le coordinate esatte di ogni hot spot. Con lo strumento sezione in Photoshop, si disegno i punti caldi su un'immagine per generare il codice HTML che necessario automaticamente.

Istruzioni

Creare mappa immagine

1

Avviare Photoshop e aprire un'immagine che si desidera convertire in una mappa immagine. Fare clic e tenere lo strumento "Ritaglia" per visualizzare un menu contenente altri strumenti. Fare clic sullo strumento "Fetta" per selezionarlo.

2

Fare clic su un punto all'interno dell'immagine e trascinare lo strumento sezione per disegnare un rettangolo intorno alla parte dell'immagine che si desidera rendere cliccabili. Photoshop consente di disegnare ulteriori "fette di auto" attorno ad altre parti dell'immagine. Queste sezioni automatiche garantiscono che tutte le parti di un'immagine sono incluse in una fetta.

3

Pulsante destro del mouse all'interno la fetta creato e seleziona "Modifica opzioni fetta" per aprire la finestra Opzioni sezione. Digitare l'URL che si desidera associare con la fetta. È inoltre possibile sostituire il nome predefinito che Photoshop ha dato la fetta digitando uno nuovo nella casella di testo "Nome".

4

Fare clic su "OK" per chiudere la finestra Opzioni sezione e tornare all'immagine. Fare clic su un altro punto all'interno dell'immagine e trascinare lo strumento sezione per creare sezioni aggiuntive come necessario.

Regolare le sezioni di mappa immagine

5

Selezionare lo strumento"sezione selezionare" dalla barra degli strumenti e fare clic all'interno di una sezione che si desidera spostare.

6

Tenere premuto il pulsante sinistro del mouse e trascinare la sezione in una nuova posizione.

7

Tenere il cursore del mouse sopra uno dei bordi della fetta e verrà visualizzata una riga con frecce su ciascuna estremità. Fare clic su quella linea, tenere premuto il pulsante sinistro del mouse e trascinare il mouse se è necessario fare la fetta più grande o più piccolo.

Salva immagine mappa

8

Fare clic su "File", quindi "Salva per Web" per aprire la finestra Salva per Web finestra.

9

Fare clic su "Preset" e selezionare una delle opzioni di tipo di file che vengono visualizzati. Le scelte includono GIF 128 con retinatura, alta JPEG e PNG-24.

10

Fare clic su "Salva" per aprire una finestra che Visualizza i file e le cartelle del disco rigido. Individuare la cartella in cui si desidera salvare l'immagine mappa file e digitare un nome per la mappa immagine nella casella di testo Nome File.

11

Fare clic sul menu a discesa "Formato" e selezionare "HTML e immagini." Fare clic su "Salva" per salvare tutti i file nella cartella specificata.

Consigli & Avvertenze

• Photoshop salva ogni fetta come un'immagine separata in una cartella di immagini. Il programma salva anche un documento HTML che ha lo stesso nome come il nome digitato nella casella di testo "Nome File". Se trovate che il file HTML in Esplora File e fare doppio clic il file, il browser apre e visualizza la mappa immagine. Fare clic su diverse parti della mappa immagine per passare agli URL assegnato alle fette. Per esempio, se diviso una mappa degli Stati Uniti in Stati creando una fetta per ogni stato, è possibile scegliere uno stato per accedere all'URL assegnate a fetta di tale stato.
• Dare fette nomi significativi e lo troverete più facile identificarli se vuoi ottimizzare il codice HTML generato da Photoshop. Per esempio, se avete creato una sezione che circondava il dichiarare dello Iowa, è possibile denominare la fetta Iowa.
• Probabilmente ti consigliamo di salvare l'immagine mappa immagini nello stesso formato dell'immagine originale. Per esempio, se è un file JPEG, scegliere una delle opzioni JPEG dal menu a discesa predefinito nella finestra Salva per Web finestra. Scegli "JPEG bassa," per esempio, e Photoshop genera immagini JPEG di bassa qualità. Minore qualità di un'immagine, più velocemente viene caricata in un browser Web.
• Questo articolo è applicabile ad Adobe Photoshop CC, versione 2014. Alcune informazioni possono variare in altre versioni del software.