Como medir pixels da tela/imagens de forma eficiente ? (Front-End)

Olá,

Atualmente estou estudando desenvolvimento web, e decidi fazer desafios de programação em sites como:
www.frontendmentor.io/
www.devchallenges.io/
www.codewars.com

Porém me esbarrei em um problema, nos desafios front-end em que é preciso "replicar" o projeto do zero, geralmente o site da uma pasta com a imagem do projeto final (como se fosse um designer dando a imagem de como quer que seja o site), porém na distancia entre as caixas (divs,sections, etc...) fica tanto quanto impreciso fazer a medição.

No começo fazia a medição usando o bloco de notas, deixando o bloco de ntoas do tamanho da box da imagem original e alterava os pixels até ficar do mesmo tamanho, mas caso fosse um tamanho pequeno, o bloco de notas não podia encolher o suficiente, então baixei uma régua virtual que mede em pixels o tamanho de algo na tela.

Porém, sinceramente não sinto que seja a forma mais eficiente de fazer essa medição, pesquisando sobre vi que no mac tem alguns atalhos para fazer isso, mas como uso windows os atalhos não funcionam, então gostaria de saber como vocês fazem essas medições de pixels em imagens no windows.