Qual é a relação entre o tamanho e a resolução da tela HTML5

Existe uma maneira pela qual eu posso criar uma tela de tamanho grande, mas baixa resolução. Estou declarando a tela com a sintaxe<canvas id="mycanvas" width="700" height="1000"></canvas>. Estou executando o código acima em um tablet de 7 polegadas e a tela ocupa metade da tela da tela. Existe uma maneira pela qual eu posso criar uma tela que cobre novamente metade da tela, mas tem uma resolução menor (menor qualidade de imagem). Na verdade, desenho algo na tela e, em seguida, salve-o como imagem usando canvas.toDataURL (). Não preciso de uma imagem de boa qualidade, mas quero diminuir o tamanho da imagem gerada.

Perdoe-me se é uma pergunta boba

questionAnswers(1)

yourAnswerToTheQuestion