Mostrando resultados del 1 al 8 de 8

Tema: Insertar imagen con fondo transparente en web?

  1. #1
    Fecha de Ingreso
    nov 2005
    Ubicación
    Córdoba
    Mensajes
    5.300

    Predeterminado Insertar imagen con fondo transparente en web?



    EStoy diseñando muuuy lentamente mi propia web, y eso se deba a mis escasos conocimientos.

    Ahora estoy atascado en lo siguiente: he puesto un fondo que ocupa todo el fondo, y quiero poner sobre él algunas imágenes, pero tenienda estas el fondo transparente.

    He buscado en internet, y he visto que si retoco la imagen en PS por ejemplo, dejo el fondo transparente como yo quiero, la puedo grabar con formato .gif, que permite grabarlo manteniendo la parte transparente.

    PEEEERO, cuando inserto la imagen en mi web, nada, pasa de mi, no es transparente. He de decir que utilizo un programa de edición "para tontos", llamado: CoffeeCup Visual Site Designer. ¿Alguna idea? ¿Es posible que este programa sea el que me evita ponerla imagen como yo quiero?
    Mi web personal: www.jorgepinto.es

  2. #2
    Fecha de Ingreso
    jul 2007
    Ubicación
    Manlleu
    Mensajes
    1.048

    Predeterminado

    Como tu dices, yo tampoco tengo ni idea, pero has probado guardando en PNG, creo que tambien guarda las transparencias

  3. #3
    Fecha de Ingreso
    nov 2007
    Ubicación
    MANRESA
    Mensajes
    1.897
    Entradas de Blog
    2

    Predeterminado

    Ostras!!! Lo he estudiado en un cursillo de PS pero no tengo aqui los apuntes. Me da que era el formato GIF el que guarda las trasparencias pero no estoy seguro.

  4. #4
    Fecha de Ingreso
    feb 2007
    Ubicación
    Valencia
    Mensajes
    1.768

    Predeterminado

    Yo lo hago con Corel pero imagino que será igual ya que las propiedades del gif son las mismas. Lo que debes hacer no es quitar el fondo sino pintarlo de un color que no aparezca en la imagen que quieres subir a web.

    Una vez hecho eso y a la hora de guardar el fichero (creo que debe estar en paleta de 8 bits) en propiedades debes definir el color que quieres que sea transparente. En tu caso será el color del fondo que hayas elegido. y Ya'tá

    Igual alguna de estas cosas te orientan con el PS

    Saludos

  5. #5
    Fecha de Ingreso
    mar 2008
    Ubicación
    Sentmenat - Barcelona
    Mensajes
    349

    Predeterminado

    Hola.
    Lo primero es verificar si al guardar la imagen realmente ha dejado el fondo transparente.
    Hay editores que al salvar la imagen con transparencia no activan bien al bit de aviso y al utilizarlas las ves con fondo negro (no trasparente).
    Para comprobarlo escribe un texto en word (si usas windows) e inserta la imagen encima.
    Un editor que guarda bien la transparencia es Microsoft Photo Editor (de office (si usas windows)).
    El formato GIF es correcto.

    Los editores de web no acostumbran a 'tocar' los formatos de imagen.

    Otra prueba sería generar una página html con un color de fondo y poner la imagen.
    Después compruebas con varios navegadores a ver si en todos se ve igual.

    Que haya suerte (yo la mía casi la tengo).
    40D+G10, EFS 17-55mm f/2.8 IS USM, EFS 55-250mm f/4-5,6 IS, EF 85mm f/1.8 USM
    - Tomamos instantes del presente como equipaje para el futuro -

  6. #6
    Fecha de Ingreso
    nov 2005
    Ubicación
    Córdoba
    Mensajes
    5.300

    Predeterminado

    Cita Iniciado por Picasocas Ver Mensaje
    Hola.
    Lo primero es verificar si al guardar la imagen realmente ha dejado el fondo transparente.
    ...
    Para comprobarlo escribe un texto en word (si usas windows) e inserta la imagen encima.
    Vale, comprobado, la he guardado como .gif y la he pegado en word. Efectivamente es transparente. Ahora, qué hago? Significa entonces que es mi editor el que no me permite insertar la imagen como transparente?
    Mi web personal: www.jorgepinto.es

  7. #7
    Fecha de Ingreso
    ago 2006
    Ubicación
    Pinto (Madrid)
    Mensajes
    5.345

    Predeterminado

    En el editor no tienes que decirle nada sobre el fondo. Se inserta como cualquier imagen y simplemente lo que sea transparente no se verá.

    Solo por descartar, prueba a verlo con otro navegador. Aunque no deberia ser, hay muchas diferencias entre Firefox, Explorer y Safari y hasta entre versiones del mismo navegador. Por ejemplo los PNG transparentes dan problemas sólo en Explorer 6 o inferiores.

  8. #8
    Fecha de Ingreso
    ago 2008
    Ubicación
    Barcelona
    Mensajes
    157

    Predeterminado

    Cuando vayas a exportar a GIF aségurate de marcar los parámetros TRANSPARENCIA DE INDICE o bien TRANSPARENCIA ALFA, sino no te saldrá transparente el fondo, si tienes algún problema me lo envías y te lo hago.

Temas Similares

  1. Insertar fecha en imagen
    Por jaimebierzo en foro Otros programas
    Respuestas: 3
    Último mensaje: 02/12/17, 23:11:29
  2. Hacer fondo transparente
    Por grillo_888 en foro PhotoShop
    Respuestas: 5
    Último mensaje: 20/09/08, 20:18:16
  3. Se puede insertar una imagen como mosaico?
    Por eliseillo en foro PhotoShop
    Respuestas: 4
    Último mensaje: 08/08/08, 20:33:21
  4. Insertar imagen en patron PSD
    Por Vont Juntz en foro PhotoShop
    Respuestas: 2
    Último mensaje: 01/12/07, 15:28:20

Tags for this Thread

Marcadores

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •