Open je afbeelding in Photoshop . Indien mogelijk , gebruik maken van de uiteindelijke afbeelding die u wilt gebruiken op de HTML-pagina . Kopen van 2

Zorg ervoor dat het beeld is gelijk met de linkerbovenhoek van het doek als u gebruik maakt van een PSD-bestand en niet een voltooide beeld . U zult metingen vanaf dit punt naar beneden en naar links , dus als de afbeelding wordt uitgelijnd met die hoek , zal uw metingen uit te zijn met dat bedrag .
3

Controleer het beeld dat in Photoshop is dezelfde grootte als de afbeelding op de HTML-pagina . Als u gebruik maakt van HTML -code om het formaat te wijzigen , gebruik van dezelfde grootte voor de afbeelding in Photoshop door te klikken op het menu " Beeld ", dan " Image Size . "
4

Klik op het menu " Bestand " en " Voorkeuren " te selecteren. Klik op " Eenheden & linialen . " Klik op het menu " heersers " en selecteer " Pixels . " Klik op "OK . "

Kijk 5 bij de heersers aan de bovenkant en de linkerkant van de afbeelding . Als je ze niet ziet , klikt u op het menu " View " en klik op ' Linialen '.
6

Klik op het menu "Zoom " , selecteer " Toon ", klik op " Guides " om het te onthullen horizontale en verticale hulplijnen .

Place 7 de cursor op de horizontale hulplijn en sleep de gids naar de plaats waar u het nodig heeft om te zijn. Doe hetzelfde voor de verticale geleiding

Kijk 8 naar waar de gidsen zijn op de horizontale en verticale liniaal om de coördinaten te krijgen - . Bijvoorbeeld , 120 en 55 pixels . Inzoomen op het beeld , indien nodig , om elke pixel punt op de linialen zien . Voor de meeste web - based afbeeldingen , moet een zoom van 500 procent voldoende is om alle 10 punten tussen de genummerde markeringen op de liniaal te zien zijn.

Herhaal stap 9 7 en 8 om de coördinaten van het volgende vinden punt op de afbeelding . Trek horizontale nummers van horizontale en verticale van verticaal , om de afstand te berekenen tussen twee punten als nodig is .