Converter RGBA PNG em RGB com PIL

96

Estou usando o PIL para converter uma imagem PNG transparente carregada com o Django em um arquivo JPG. A saída parece quebrada.

Arquivo fonte

arquivo fonte transparente

Código

Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG')

ou

Image.open(object.logo.path).convert('RGB').save('/tmp/output.png')

Resultado

De ambas as formas, a imagem resultante tem a seguinte aparência:

arquivo resultante

Existe uma maneira de corrigir isso? Eu gostaria de ter um fundo branco onde o fundo transparente costumava ser.


Solução

Graças às ótimas respostas, eu vim com a seguinte coleção de funções:

import Image
import numpy as np


def alpha_to_color(image, color=(255, 255, 255)):
    """Set all fully transparent pixels of an RGBA image to the specified color.
    This is a very simple solution that might leave over some ugly edges, due
    to semi-transparent areas. You should use alpha_composite_with color instead.

    Source: http://stackoverflow.com/a/9166671/284318

    Keyword Arguments:
    image -- PIL RGBA Image object
    color -- Tuple r, g, b (default 255, 255, 255)

    """ 
    x = np.array(image)
    r, g, b, a = np.rollaxis(x, axis=-1)
    r[a == 0] = color[0]
    g[a == 0] = color[1]
    b[a == 0] = color[2] 
    x = np.dstack([r, g, b, a])
    return Image.fromarray(x, 'RGBA')


def alpha_composite(front, back):
    """Alpha composite two RGBA images.

    Source: http://stackoverflow.com/a/9166671/284318

    Keyword Arguments:
    front -- PIL RGBA Image object
    back -- PIL RGBA Image object

    """
    front = np.asarray(front)
    back = np.asarray(back)
    result = np.empty(front.shape, dtype='float')
    alpha = np.index_exp[:, :, 3:]
    rgb = np.index_exp[:, :, :3]
    falpha = front[alpha] / 255.0
    balpha = back[alpha] / 255.0
    result[alpha] = falpha + balpha * (1 - falpha)
    old_setting = np.seterr(invalid='ignore')
    result[rgb] = (front[rgb] * falpha + back[rgb] * balpha * (1 - falpha)) / result[alpha]
    np.seterr(**old_setting)
    result[alpha] *= 255
    np.clip(result, 0, 255)
    # astype('uint8') maps np.nan and np.inf to 0
    result = result.astype('uint8')
    result = Image.fromarray(result, 'RGBA')
    return result


def alpha_composite_with_color(image, color=(255, 255, 255)):
    """Alpha composite an RGBA image with a single color image of the
    specified color and the same size as the original image.

    Keyword Arguments:
    image -- PIL RGBA Image object
    color -- Tuple r, g, b (default 255, 255, 255)

    """
    back = Image.new('RGBA', size=image.size, color=color + (255,))
    return alpha_composite(image, back)


def pure_pil_alpha_to_color_v1(image, color=(255, 255, 255)):
    """Alpha composite an RGBA Image with a specified color.

    NOTE: This version is much slower than the
    alpha_composite_with_color solution. Use it only if
    numpy is not available.

    Source: http://stackoverflow.com/a/9168169/284318

    Keyword Arguments:
    image -- PIL RGBA Image object
    color -- Tuple r, g, b (default 255, 255, 255)

    """ 
    def blend_value(back, front, a):
        return (front * a + back * (255 - a)) / 255

    def blend_rgba(back, front):
        result = [blend_value(back[i], front[i], front[3]) for i in (0, 1, 2)]
        return tuple(result + [255])

    im = image.copy()  # don't edit the reference directly
    p = im.load()  # load pixel array
    for y in range(im.size[1]):
        for x in range(im.size[0]):
            p[x, y] = blend_rgba(color + (255,), p[x, y])

    return im

def pure_pil_alpha_to_color_v2(image, color=(255, 255, 255)):
    """Alpha composite an RGBA Image with a specified color.

    Simpler, faster version than the solutions above.

    Source: http://stackoverflow.com/a/9459208/284318

    Keyword Arguments:
    image -- PIL RGBA Image object
    color -- Tuple r, g, b (default 255, 255, 255)

    """
    image.load()  # needed for split()
    background = Image.new('RGB', image.size, color)
    background.paste(image, mask=image.split()[3])  # 3 is the alpha channel
    return background

atuação

A função simples de não composição alpha_to_coloré a solução mais rápida, mas deixa para trás bordas feias porque não lida com áreas semitransparentes.

Tanto o PIL puro quanto as soluções de composição numpy fornecem ótimos resultados, mas alpha_composite_with_colorsão muito mais rápidos (8,93 ms) do que pure_pil_alpha_to_color(79,6 ms).Se numpy estiver disponível em seu sistema, esse é o caminho a percorrer. (Atualização: a nova versão PIL pura é a mais rápida de todas as soluções mencionadas.)

$ python -m timeit "import Image; from apps.front import utils; i = Image.open(u'logo.png'); i2 = utils.alpha_to_color(i)"
10 loops, best of 3: 4.67 msec per loop
$ python -m timeit "import Image; from apps.front import utils; i = Image.open(u'logo.png'); i2 = utils.alpha_composite_with_color(i)"
10 loops, best of 3: 8.93 msec per loop
$ python -m timeit "import Image; from apps.front import utils; i = Image.open(u'logo.png'); i2 = utils.pure_pil_alpha_to_color(i)"
10 loops, best of 3: 79.6 msec per loop
$ python -m timeit "import Image; from apps.front import utils; i = Image.open(u'logo.png'); i2 = utils.pure_pil_alpha_to_color_v2(i)"
10 loops, best of 3: 1.1 msec per loop
Danilo Bargen
fonte
Para um pouco mais de velocidade, acredito que im = image.copy()pode ser removido pure_pil_alpha_to_color_v2sem alterar o resultado. (Depois de alterar as instâncias subsequentes de impara image, é claro.)
unutbu
@unutbu ah, claro :) obrigado.
Danilo Bargen

Respostas:

127

Esta é uma versão muito mais simples - não tenho certeza de como é o desempenho. Muito baseado em algum trecho de django que encontrei ao construir RGBA -> JPG + BGsuporte para miniaturas sorl.

from PIL import Image

png = Image.open(object.logo.path)
png.load() # required for png.split()

background = Image.new("RGB", png.size, (255, 255, 255))
background.paste(png, mask=png.split()[3]) # 3 is the alpha channel

background.save('foo.jpg', 'JPEG', quality=80)

Resultado a 80%

insira a descrição da imagem aqui

Resultado @ 50%
insira a descrição da imagem aqui

Yuji 'Tomita' Tomita
fonte
1
Parece que sua versão é a mais rápida: pastebin.com/mC4Wgqzv Obrigado! Porém, duas coisas sobre sua postagem: O comando png.load () parece ser desnecessário e a linha 4 deveria ser background = Image.new("RGB", png.size, (255, 255, 255)).
Danilo Bargen
3
Parabéns por descobrir como pastefazer uma mistura adequada.
Mark Ransom
@DaniloBargen, ah! Na verdade, faltava tamanho, mas o loadmétodo é necessário para o splitmétodo. E é incrível ouvir que é realmente rápido / e / simples!
Yuji 'Tomita' Tomita
@YujiTomita: Obrigado por isso!
unutbu
12
Este código estava causando um erro para mim: tuple index out of range. Corrigi isso seguindo outra pergunta ( stackoverflow.com/questions/1962795/… ). Tive que converter o PNG para RGBA primeiro e depois cortá-lo: alpha = img.split()[-1]depois usei isso na máscara de fundo.
joehand
37

Com a utilização Image.alpha_composite, a solução de Yuji 'Tomita' Tomita torna-se mais simples. Este código pode evitar um tuple index out of rangeerro se png não tiver canal alfa.

from PIL import Image

png = Image.open(img_path).convert('RGBA')
background = Image.new('RGBA', png.size, (255,255,255))

alpha_composite = Image.alpha_composite(background, png)
alpha_composite.save('foo.jpg', 'JPEG', quality=80)
shuuji3
fonte
Esta é a melhor solução para mim porque todas as minhas imagens não possuem canal alfa.
lenhhoxung
2
Quando eu uso este código, o modo do objeto png ainda é 'RGBA'
lógico 1976
1
@ Logic1976 basta inserir um .convert("RGB")antes de salvá-lo
Josch
13

As partes transparentes geralmente possuem valor RGBA (0,0,0,0). Como o JPG não tem transparência, o valor jpeg é definido como (0,0,0), que é preto.

Ao redor do ícone circular, há pixels com valores RGB diferentes de zero onde A = 0. Portanto, eles parecem transparentes no PNG, mas com cores engraçadas no JPG.

Você pode definir todos os pixels onde A == 0 para ter R = G = B = 255 usando numpy como este:

import Image
import numpy as np

FNAME = 'logo.png'
img = Image.open(FNAME).convert('RGBA')
x = np.array(img)
r, g, b, a = np.rollaxis(x, axis = -1)
r[a == 0] = 255
g[a == 0] = 255
b[a == 0] = 255
x = np.dstack([r, g, b, a])
img = Image.fromarray(x, 'RGBA')
img.save('/tmp/out.jpg')

insira a descrição da imagem aqui


Observe que o logotipo também tem alguns pixels semitransparentes usados ​​para suavizar as bordas ao redor das palavras e do ícone. Salvar em jpeg ignora a semitransparência, fazendo com que o jpeg resultante pareça bastante irregular.

Um resultado de melhor qualidade poderia ser obtido usando o convertcomando imagemagick :

convert logo.png -background white -flatten /tmp/out.jpg

insira a descrição da imagem aqui


Para fazer uma mistura de qualidade melhor usando numpy, você pode usar a composição alfa :

import Image
import numpy as np

def alpha_composite(src, dst):
    '''
    Return the alpha composite of src and dst.

    Parameters:
    src -- PIL RGBA Image object
    dst -- PIL RGBA Image object

    The algorithm comes from http://en.wikipedia.org/wiki/Alpha_compositing
    '''
    # http://stackoverflow.com/a/3375291/190597
    # http://stackoverflow.com/a/9166671/190597
    src = np.asarray(src)
    dst = np.asarray(dst)
    out = np.empty(src.shape, dtype = 'float')
    alpha = np.index_exp[:, :, 3:]
    rgb = np.index_exp[:, :, :3]
    src_a = src[alpha]/255.0
    dst_a = dst[alpha]/255.0
    out[alpha] = src_a+dst_a*(1-src_a)
    old_setting = np.seterr(invalid = 'ignore')
    out[rgb] = (src[rgb]*src_a + dst[rgb]*dst_a*(1-src_a))/out[alpha]
    np.seterr(**old_setting)    
    out[alpha] *= 255
    np.clip(out,0,255)
    # astype('uint8') maps np.nan (and np.inf) to 0
    out = out.astype('uint8')
    out = Image.fromarray(out, 'RGBA')
    return out            

FNAME = 'logo.png'
img = Image.open(FNAME).convert('RGBA')
white = Image.new('RGBA', size = img.size, color = (255, 255, 255, 255))
img = alpha_composite(img, white)
img.save('/tmp/out.jpg')

insira a descrição da imagem aqui

unutbu
fonte
Obrigado, essa explicação faz muito sentido :)
Danilo Bargen
@DaniloBargen, você percebeu que a qualidade da conversão está ruim? Esta solução não leva em conta a transparência parcial.
Mark Ransom
@MarkRansom: True. Você sabe como consertar isso?
unutbu
Requer uma mistura completa (com branco) com base no valor alfa. Tenho procurado no PIL uma maneira natural de fazer isso e não encontrei nada.
Mark Ransom
@MarkRansom sim, percebi esse problema. mas no meu caso isso afetará apenas uma porcentagem muito pequena dos dados de entrada, então a qualidade é boa o suficiente para mim.
Danilo Bargen
4

Aqui está uma solução em PIL puro.

def blend_value(under, over, a):
    return (over*a + under*(255-a)) / 255

def blend_rgba(under, over):
    return tuple([blend_value(under[i], over[i], over[3]) for i in (0,1,2)] + [255])

white = (255, 255, 255, 255)

im = Image.open(object.logo.path)
p = im.load()
for y in range(im.size[1]):
    for x in range(im.size[0]):
        p[x,y] = blend_rgba(white, p[x,y])
im.save('/tmp/output.png')
Mark Ransom
fonte
Obrigado, isso funciona bem. Mas a solução numpy parece ser muito mais rápida: pastebin.com/rv4zcpAV (numpy: 8,92ms, pil: 79,7ms)
Danilo Bargen
Parece que há outra versão mais rápida com PIL puro. Veja a nova resposta.
Danilo Bargen
2
@DaniloBargen, obrigado - agradeço ver a melhor resposta e não teria visto se você não tivesse me chamado a atenção.
Mark Ransom
1

Não está quebrado. Está fazendo exatamente o que você mandou; esses pixels são pretos com total transparência. Você precisará iterar em todos os pixels e converter aqueles com transparência total em branco.

Ignacio Vazquez-Abrams
fonte
Obrigado. Mas ao redor do círculo azul existem áreas azuis. Essas áreas são semitransparentes? Existe uma maneira de consertar isso também?
Danilo Bargen
0
import numpy as np
import PIL

def convert_image(image_file):
    image = Image.open(image_file) # this could be a 4D array PNG (RGBA)
    original_width, original_height = image.size

    np_image = np.array(image)
    new_image = np.zeros((np_image.shape[0], np_image.shape[1], 3)) 
    # create 3D array

    for each_channel in range(3):
        new_image[:,:,each_channel] = np_image[:,:,each_channel]  
        # only copy first 3 channels.

    # flushing
    np_image = []
    return new_image
user1098761
fonte
-1

importar imagem

def fig2img (fig): "" "@brief Converter uma figura Matplotlib em uma imagem PIL no formato RGBA e retorná-la @param fig uma figura matplotlib @return uma imagem Python Imaging Library (PIL)" "" # coloque o pixmap da figura em uma matriz numpy buf = fig2data (fig) w, h, d = buf.shape return Image.frombytes ("RGBA", (w, h), buf.tostring ())

def fig2data (fig): "" "@brief Converte uma figura Matplotlib em um array 4D numpy com canais RGBA e retorna @param fig uma figura matplotlib @return um array 3D numpy de valores RGBA" "" # desenha o renderizador fig. canvas.draw ()

# Get the RGBA buffer from the figure
w,h = fig.canvas.get_width_height()
buf = np.fromstring ( fig.canvas.tostring_argb(), dtype=np.uint8 )
buf.shape = ( w, h, 4 )

# canvas.tostring_argb give pixmap in ARGB mode. Roll the ALPHA channel to have it in RGBA mode
buf = np.roll ( buf, 3, axis = 2 )
return buf

def rgba2rgb (img, c = (0, 0, 0), path = 'foo.jpg', is_already_saved = False, if_load = True): se não is_already_saved: background = Image.new ("RGB", img.size, c) background.paste (img, mask = img.split () [3]) # 3 é o canal alfa

    background.save(path, 'JPEG', quality=100)   
    is_already_saved = True
if if_load:
    if is_already_saved:
        im = Image.open(path)
        return np.array(im)
    else:
        raise ValueError('No image to load.')
Thomas Chaton
fonte