Duda con una imagen

[pzin]

Esto puedes hacerlo con CSS, incluso los triángulos puedes hacerlo usando sólo código.

Usando posiciones relativas y absolutas, y con pseudo-elementos te puede quedar algo bastante limpio de la siguiente forma:

Código HTML:

<div></div>
 

Eso sería el HTML, no hace falta más.

Código CSS:

div {
  position: relative;
  width: 960px;
  height: 200px;
  background-image: radial-gradient(center, ellipse cover, #aed1ff 0%, #6db3f2 80%);
}
 
div:before, div:after {
  position: absolute;
  bottom: -20px;
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid darkblue;
}
 
div:before {
  border-left: 20px solid transparent;
}
 
div:after {
  right: 0;
  border-right: 20px solid transparent;
}
 

Puse un ejemplo por aquí, aunque en vez de CSS usé Sass/Compass.

Para el color de fondo, sería bueno sacarlo de Colorzilla para que te genere una solución que soporten todos los navegadores.