在使用CSS畫布繪制圖形的過程中，我們需要關注輸出的圖片大小問題。在CSS中，我們可以使用像素（px）作為單位來定義圖像的大小。下面是示例代碼：

canvas {
width: 200px;
height: 200px;
}

以上代碼定義了一個200x200像素的畫布，而且它顯示在瀏覽器中的大小與定義的大小相同。這是因為瀏覽器默認情況下會把畫布的大小與CSS中定義的尺寸保持一致。

但是，有時候我們需要以不同的分辨率輸出畫布，比如為了打印或其他用途。在這種情況下，我們需要指定畫布的分辨率（resolution）。

canvas {
width: 200px;
height: 200px;
resolution: 300dpi;
}

代碼中的300dpi即代表每英寸的點數（dots per inch），它會影響輸出圖片的像素密度。在這個例子中，輸出圖片的大小將是600x600像素，因為我們定義的畫布大小是200x200，而此時分辨率是300dpi。

需要注意的是，不是所有瀏覽器都支持分辨率屬性，因此可能需要使用其他方式來生成高分辨率的圖片（例如使用JavaScript或后臺處理）。同時，我們需要對輸出圖片的大小進行權衡，因為較大的圖片會占用更多的空間和帶寬。