как разбить эту фотку на 16 ровных кубиков???

Тебе для ватмана?

Ровно 4х4 не получится: картинка 600х450, 450 на 4 без остатка не делится.
Можно CSS задействовать (уберите пробелы после '<'):
< html>
< head>
< title>16< /title>
< style type="text/css">
#a,#b,#c,#d, #e,#f,#g,#h, #i,#j,#k,#l, #m,#n,#o,#p {
float:left;
height:112px;
width:150px;
margin-right: 1px;
margin-bottom: 1px;
}
#a { background:url(img-3883a.jpg) no-repeat 0 0; }
#b { background:url(img-3883a.jpg) no-repeat -150px 0; }
#c { background:url(img-3883a.jpg) no-repeat -300px 0; }
#d { background:url(img-3883a.jpg) no-repeat -450px 0; }
#e { background:url(img-3883a.jpg) no-repeat 0 -112px; clear:both; }
#f { background:url(img-3883a.jpg) no-repeat -150px -112px; }
#g { background:url(img-3883a.jpg) no-repeat -300px -112px; }
#h { background:url(img-3883a.jpg) no-repeat -450px -112px; }
#i { background:url(img-3883a.jpg) no-repeat 0 -224px; clear:both; }
#j { background:url(img-3883a.jpg) no-repeat -150px -224px; }
#k { background:url(img-3883a.jpg) no-repeat -300px -224px; }
#l { background:url(img-3883a.jpg) no-repeat -450px -224px; }
#m { background:url(img-3883a.jpg) no-repeat 0 -336px; clear:both; }
#n { background:url(img-3883a.jpg) no-repeat -150px -336px; }
#o { background:url(img-3883a.jpg) no-repeat -300px -336px; }
#p { background:url(img-3883a.jpg) no-repeat -450px -336px; }
< /style>
< /head>
< body>
< div id="a"> < /div> < div id="b"> < /div> < div id="c"> < /div> < div id="d"> < /div>
< div id="e"> < /div> < div id="f"> < /div> < div id="g"> < /div> < div id="h"> < /div>
< div id="i"> < /div> < div id="j"> < /div> < div id="k"> < /div> < div id="l"> < /div>
< div id="m"> < /div> < div id="n"> < /div> < div id="o"> < /div> < div id="p"> < /div>
< /body>
< /html>

CorelDRAW делил бы, теперь по совету Jemili в AdobeImageReady буду.

паинт либо фотошоп...

На 16 ..?это 4x4 или 8x2. на 16 кубиков не получиться.

пополам и еще ети половины пополам

попробуйте в пэйнте. по моему это наиболее лёгкий вариант..