Sobreponer Imagen Circular

[Deiv]

Hola,
Viendo ejemplos de algunas páginas de la manera de sobreponer una Imagen sobre la otra, Yo lo hago así:

Código PHP:

  <DIV STYLE="position:absolute; top:150px; left:150px; width:200px; height:200px; visibility:visible;z-index:1"> 
<IMG SRC="Imagen1.gif" border=0> 
</DIV>  
<DIV STYLE="position:absolute; top:30px; left:100px; width:200px; height:200px; visibility:visible;z-index:2"> 
<IMG SRC="Imagen2.gif" border=0> 
</DIV>  
   

Se que existen otras formas, de repente no estoy optando por la adecuada.
Ahora necesito mostrar una imagen encima de otra pero la de encima en forma CIRCULAR.
Lo que quiero aclarame es lo siguiente:

- ¿Debo crear el GIF en forma circular y transparente? ó

- Disponiendo de la Imagen (Rectangular) ¿Se puede con un Script y alguna instrucción (Circle.. digamos, no sé) que capture solo un diametro determinado de una cierta Imagen que tuviera, para luego mostrarlo encima de la otra?

Deiv

[Ember]

Si yo fuera tú, por la carga de trabajo que suponen ambas opciones, elegiría sin dudar la primera: crear una imagen circular sin fondo (transparente). La otra opción que propones tal vez es posible, pero te llevará mucho menos tiempo abrir el photoshop y crear el gif.

[Rafael]

Aunque la otra opción es posible con SVG.

[Deiv]

¿Que es SVG?
Scalable Vector Graphics?
¿Donde lo consigo? ¿es gratuito?

[Rafael]

Un SVG también es un lenguaje en formato de texto, por lo que en teoría puedes escribir tu imagen... (je je) pero la realidad es que hace falta un programa para dibujar intuitivamente y al final exportarlo en ese formato.

CorelDraw e Ilustrator pueden exportarlo así. El navegador de la W3, Amaya también puede trabajarlo.

La triste realidad es que necesitas un plug in para verlo en los navegadores, el cual es muuuuuuucho menos conocido que el de flash. Corel y Adobe tienen uno cada uno.

La página oficial:
http://www.w3.org/Graphics/SVG/

Ahí además hay links de diferentes herramientas.

Tal vez mejor una imagen jpg o png.