Image Coordinates

Image Coordinate Generator

You can use this tool to get coordinates each time you click an image. I built it because I needed an easy way to get a long list of coordinates to create a "dot to dot" type animation (as seen here).

Feel free to take the source code of this page and modify it yourself - the more useful it can be to the community the better!


  1. Use the form below to upload the image you want to get coordinates for
  2. Set the "Output Format" value to have the coordinates outputted in a useful format, for example json array keys. Use the placeholders {{x}} and {{y}} to insert the X and Y coordinates of your click
  3. Copy and paste the output of the Coordinates textarea to whereever they need to be used!

Get Started...