游戏中用于构建场景地图的积木图片分辨率大小该怎么定？

                                我想用html5做一个小游戏，要在页面显示很多图片，现在的问题是，图片的大小不好决定，比如我要草地，我可以画一个正方形的草地，多显示几次，那么这个正方形要设计成多大好呢？
实际上更复杂，我想把草地设计成45度角俯视，画成棱形的，那么，页面中两个矩形图片区域必须重合才能显示一块完整的草地。
其实，以上都不是问题。问题是，用户屏幕大小不一样，我当然不想用滚动条显示整个地图，然后让用户拖动滚动条来移动游戏地图，可以考虑的方案如下：
一、上下左右移动地图。
二、鼠标向屏幕四周移动，移动地图。类似魔兽、星际争霸这种移动地图的方式。
三、屏幕四周可以点鼠标，按一下移动地图。

无论哪种方式，我都避免不了用于搭建地图的分辨率大小问题，难道我要为不同的屏幕大小和分辨率大小都设计一套积木图片吗 ？我的意思是，比如画草地，我要为1024*768和1280*1024等不同的分辨率各自设计一套积木草地方块吗？就算这样，那么我这个用于多次显示的草地方块该画成多大的呢？ 用户的屏幕应该一次能显示几个这个方块呢？

再就是，能不能不用分别为不同的分辨率设计积木图片呢？