Come calcolare Linea Altezza in Photoshop a HTML

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

Aprite l'immagine in Photoshop . Se possibile, utilizzare l'immagine finale che si intende utilizzare nella pagina HTML .
2

Assicurati che l'immagine è a filo con l'angolo superiore sinistro della tela , se si utilizza un file PSD e non una immagine finita . Potrete prendere le misure da questo punto in basso a sinistra , quindi se l'immagine è non allineato con l'angolo , le misure verranno fuori da tale importo .
3

assicurarsi che l'immagine in Photoshop è la stessa dimensione come l' immagine sulla pagina HTML . Se si utilizza il codice HTML per ridimensionare l'immagine , utilizzare la stessa dimensione per l'immagine in Photoshop facendo clic sul menu "Immagine" , quindi " Dimensione immagine ".
4

Fare clic sul menu " File " e selezionare " Preferenze". Fare clic su "Unità di misura e righelli . " Fare clic sul menu " Governanti " e selezionare " Pixel ". Fare clic su "OK".
5

Guarda 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 la guide orizzontali e verticali .
7

posizionare il cursore sulla riga di guida orizzontale e trascinare la guida per cui è necessario che sia. Fare lo stesso per la guida verticale
8

Guardate dove le guide sono i righelli orizzontale e verticale per ottenere le coordinate - . , Ad esempio , 120 e 55 pixel . Zoomare l'immagine , se necessario , per vedere tutti i punti di pixel sui righelli . Per la maggior parte delle immagini basate sul Web , uno zoom del 500 per cento dovrebbe essere sufficiente per vedere tutti i 10 punti tra le tacche numerate sul righello .

9 Ripetere i punti 7 e 8 per trovare le coordinate del prossimo punto dell'immagine . Sottrarre numeri orizzontali da orizzontale e verticale dalla verticale , per calcolare la distanza tra due punti , se necessario.