Guardar un JPG sin fondo


8

He creado esta imagen en Photoshop:

ingrese la descripción de la imagen aquí

Capas:

ingrese la descripción de la imagen aquí

Me gustaría guardar esta flecha en un archivo .jpg sin el rectángulo de fondo blanco. ¿Cómo puedo lograr eso? Intenté ocultar la capa de fondo antes de guardar, pero esto no ayuda.


8
JPEG es un formato con pérdida. Guardar cualquier cosa como .jpg deteriorará la calidad. Este no es un gran problema para las fotos, pero para gráficos como este será muy notable. Use PNG o algún otro formato sin pérdidas para gráficos.
Suppen

66
Más allá del hecho de que necesita usar PNG en lugar de JPEG para tener transparencia, le recomiendo que use AI en lugar de Photoshop y guarde el archivo como SVG. De esta manera, obtendrá transparencia y obtendrá un archivo vectorial, que se puede escalar a voluntad sin pérdida de resolución. Esto es especialmente útil si tiene la intención de utilizar el gráfico en un sitio web o una aplicación que podría verse en las pantallas Retina / HiDPI.
jcaron

Para agregar a las otras respuestas, quiero señalar que esta imagen realmente debería ser png (no jpeg) de todos modos . Los bordes afilados y la falta de tono continuo serán malos para JPEG y se comprimen muy bien como PNG.
JDługosz

que es eso; una mancha de tinta?
Ronnie Royston

Una imagen JPEG no tiene fondo: la imagen se almacena como una imagen monolítica. Es más un formato de compresión y, como comentó @Suppen, es con pérdida, lo que significa que algunos datos pueden perderse sin degradar seriamente el reconocimiento de la imagen (por un humano).
Suncat2000

Respuestas:


55

No puede guardar la transparencia en un .jpg. El formato de archivo simplemente no lo admite. Todo lo que sea transparente se volverá blanco cuando se guarde en un .jpeg.

Trate .png o .gif, los formatos de archivo qué aceptar la transparencia.


17
Tenga en cuenta que hay dos tipos de PNG, PNG-8 y PNG-24. PNG-8 básicamente tiene transparencia como "color", por lo que un píxel es transparente o no. PNG-24 tiene un alfa de 256 niveles, por lo que puede tener píxeles semitransparentes; para gráficos suavizados (que parece que son OP), PNG-24 es la mejor opción. GIF funciona como PNG-8, por lo que se aplica lo mismo.
Doktor J

77
@DoktorJ no es cierto: un PNG indexado puede tener valores alfa en cualquiera o en todas las entradas de la paleta. Está en una tabla separada, por lo que podría haberlo pasado por alto: eso ahorra espacio ya que no necesita 4 bytes para cada entrada de paleta.
JDługosz

Los comentarios no son para discusión extendida; Esta conversación se ha movido al chat .
Vincent

6

Las imágenes jPeg se guardan automáticamente con un fondo plano y sólido. Podrá lograr guardar su imagen con un fondo transparente en formato .png.

No funcionará con formato JPEG.

Alguna referencia para ayudar a fondo transparente


1

Como se mencionó, no puede hacer que un JPG sea transparente. Sin embargo, su razón para querer que sea transparente es importante para determinar qué formato usar. Para gráficos vectoriales, por ejemplo, EPS permite una máscara de recorte para enmascarar el fondo, y ese formato puede usarse para colocar un gráfico en un fondo en un programa de diseño como InDesign, por ejemplo. Es por eso que EPS es un formato preferido para gráficos vectoriales que se utilizarán en diseños de impresión. Para otros usos, el formato y la forma en que se compone la imagen final son importantes.


0

Oculta la capa de fondo primero. Luego intente "Ctrl + Shift + Alt + S" para guardar para la web y elija png. O simplemente guarde como y elija png como su tipo de archivo.


0

Opte por PNG32 que permite una transparencia alfa completa. Eso es lo que yo uso.


Hola wh1974, bienvenido a GDSE y gracias por tu respuesta. Si desea saber más sobre el sitio, consulte el centro de ayuda o haga ping a uno de nosotros en el Chat de diseño gráfico una vez que su reputación sea suficiente (20). ¡Sigue contribuyendo y disfruta del sitio!
Vincent
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.