Se si utilizza un'immagine da Photoshop come sfondo per un Web form, o anche solo come sfondo per una pagina di testo, è utile conoscere la dimensione dell'immagine e come calcolare vari punti sull'immagine. Utilizzare i righelli e le guide in Photoshop per calcolare la posizione esatta di tutti i punti sulla vostra immagine e la distanza tra punti. Ricordarsi di utilizzare i righelli basato su pixel per questo, come pollici e centimetri hanno poco significato in una pagina HTML.

Istruzioni

1

Aprire l'immagine in Photoshop. Se possibile, utilizzare l'immagine finale che verrà utilizzato nella pagina HTML.

2

Assicurarsi che l'immagine sia a filo con l'angolo superiore sinistro dell'oggetto canvas se si utilizza un file PSD e non un immagine finita. Si prende misure da questo punto verso il basso e a sinistra, quindi se l'immagine non è allineato con quell'angolo, le misurazioni sarà fuori da tale importo.

3

Assicurarsi che l'immagine in Photoshop è la stessa dimensione come l'immagine nella pagina HTML. Se si utilizza codice HTML per ridimensionare l'immagine, utilizzare la stessa dimensione per l'immagine in Photoshop cliccando sul menu "Immagine", quindi "dimensione immagine".

4

Fare clic sul menu "File" e selezionare "Preferenze". Fare clic su "Unità & governanti." Fare clic sul menu "Governanti" e selezionare "Pixel". Fare clic su "OK".

5

Guardate i righelli sul lato superiore e sinistro dell'immagine. Se non li Vedi, fare clic sul menu "Visualizza", quindi fare clic su "Governanti."

6

Fare clic sul menu "Zoom", selezionare "Visualizza", quindi fare clic su "Guide" per rivelare le guide orizzontali e verticali.

7

Posizionare il cursore sulla linea guida orizzontale e trascinare la guida dove ne avete bisogno per essere. Fare lo stesso per la guida verticale.

8

Guardate dove le guide sono sui righelli orizzontale e verticali per ottenere le coordinate..--ad esempio, 120 e 55 pixel. Ingrandisce l'immagine, se necessario, vedere ogni pixel punto sui righelli. Per la maggior parte delle immagini Web-based, uno zoom del 500 per cento dovrebbe essere sufficiente per vedere tutti i 10 punti tra i contrassegni numerati sul righello.

9

Ripetere i passaggi 7 e 8 per trovare le coordinate del punto successivo sull'immagine. Sottrarre numeri orizzontali da orizzontali e verticali da verticale, per calcolare la distanza tra due punti come necessario.