How to Quickly add a grid to any image

I'll write the instructions later, but this looping gif I created for my DnD group should give you a rough idea.

NOTE: the example image already had a faint grid applied to it, and I just used that as reference.