Como Insertar imagenes Sin fondo en PNG

Barrabas · 12 Feb 2010, 15:43 · Solicitar retirada

Buenas por lo que tengo entendido para insertar imagenes sin fondo tengo q trabajar las imagenes fuera y de preferencia en PNG, lo e intentado con el COREL x3 exportando y guardandolo bien con muchas de las opciones que aparece ahy pero no em da ningun resultado sigue con el fondo blanco, algun maestro y guia que me ilumine por favor.

Se estara agradecido, ya que mi web sin eso luce Badd.

Thks Masters

Yaneth · 12 Feb 2010, 18:08 · Solicitar retirada

hola

yo lo hago con photoshop
pero seguro que con corel tambien se puede

una vez tengas la imagen recortada
busca la opcion que tengas para guardar para web
o en gif

pero la imagen ya debe estar recortada

saludos

Barrabas · 12 Feb 2010, 18:35 · Solicitar retirada

Yaneth escribió:hola

yo lo hago con photoshop
pero seguro que con corel tambien se puede

una vez tengas la imagen recortada
busca la opcion que tengas para guardar para web
o en gif

pero la imagen ya debe estar recortada

saludos

gracias por la respuesta, mira intente hacerlo con cs2 abri mi GIF ORIGINAL y abri otro nuevo con fondo transparente, con la varita marque el original y con el move tool arraste los objetos de mi imagen a esa nueva ventana q tiene fondo transparente (fondo de cuadritos) una ves q ya lo tenia le di guardar / PNG .... y le di la opcion de entrelazado y tamb probe con la otra opcion q esta arriba de entrelazado y me resulta cuando lo abro con el irfanview me aparece la imagen sin fondo pero cuando lo hago jalar al HTML KIT me sale con un fondo gris, aki te mando mi humilde codigo NO BURLARSE

<body>

<center>
[contenido no disponible]
</center>
</body>

Os ruego su atencion a la presente o Maestros y Guias

johnpeterjp · 15 Feb 2010, 08:32 · Solicitar retirada

Hola Barrabas, el proceso que haces esta bien aunque no ideal.
Mira, abres tu imagen, luego otro documento de iguales dimensiones pero con fondo transparente, con la herramienta seleccion cuadrada seleccionas la imagen, la cortas y pegas en el nuevo documento. Una vez allí te dedicas a eliminar lo que gustes incluso pixel a pixel para que quede perfecto. Cuando hayas terminado, vas a los menus en :

ARCHIVO - GUARDAR PARA WEB

Te mostrará una nueva ventana y al lado derecho eliges la opcion PNG y Clickas "transparencia" lo guardas y ... Listo ya tienes tu PNG perfecto.

Ahora ojo que ciertas versiones de explorer suelen no interpretar correctamente los PNG, para ello agrega en tu html este código en el head:



Y copia el codigo que te dejo más abajo y lo guardas como:

pngfix.js

---------------------------------------------------------------------
Saludos.
---------------------------------------------------------------------

/*

Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

Use in <HEAD> with DEFER keyword wrapped in conditional comments:


*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}