将透明 PNG 保存为透明 GIF

Posted

技术标签:

【中文标题】将透明 PNG 保存为透明 GIF【英文标题】:Saving Transparent PNG as Transparent GIF 【发布时间】:2015-09-28 13:51:55 【问题描述】:

我正在尝试调整透明 png 的大小并将其保存为单帧 gif 图像。 让我们跳过调整大小的部分,当您尝试将透明 png 保存为 gif 时,您会在输出 gif 中看到黑色背景:

Bitmap n = new Bitmap(targetPngPath);
n.Save(@"C:\1.gif", ImageFormat.Gif);

是的,我可以将黑色背景变成白色,但这不是我想要的。即使我可以使用MakeTransparent 方法去除黑色,但它会去除图像中的几乎所有黑色,并且我们不会有标准的透明图像。

我们也可以做一个 TRICK 保存 gif 图像,我们在文件名中保留扩展名,但我们会将其保存为 PNG 格式,如下所示:

n.Save(@"C:\1.gif", ImageFormat.Png);

但这也不是标准的。 那么有什么方法可以安全地将透明的png保存为具有透明度的gif图像呢?

PNG = GIF =

用 Photoshop 保存的 GIF =

【问题讨论】:

输出 gif 中的黑色背景 - 它是来自加载、调整大小还是保存? 保存后会出现黑色背景 技术上 GIF 透明度意味着一种单一颜色(最多 256 种)被认为是透明的。 PNG 透明度不同 - 它包含 alpha(透明度)层。如果你能找到GIF中没有用到的颜色,然后用这个颜色替换PNG透明部分,使其透明并保存,那么你应该成功了。 我认为你错了,当你convert png into bitmap(正在加载)时它变成黑色。一个愚蠢的解决方案可能是使用图像中不存在的某种颜色作为背景,然后在保存之前使用MakeTransparent该颜色。 这里的“技巧”并不是真正的技巧,因为它在各个方面仍然是 PNG。 【参考方案1】:

这是因为内置的 GIF 编码器不能很好地处理源,除非它已经是 8 bpp 图像。您必须先将您的 PNG 图片转换为 256 色图片,然后才能使用 GIF 编码器正确保存。

public static void SaveGif(string fileName, Image image)

    int bpp = Image.GetPixelFormatSize(image.PixelFormat);
    if (bpp == 8)
    
        image.Save(fileName, ImageFormat.Gif);
        return;
    

    // 1 and 4 bpp images are need to be converted, too; otherwise, gif encoder encodes the image from 32 bpp image resulting 256 color, no transparency
    if (bpp < 8)
    
        using (Image image8Bpp = ConvertPixelFormat(image, PixelFormat.Format8bppIndexed, null))
        
            image8Bpp.Save(fileName, ImageFormat.Gif);
            return;
        
    

    // high/true color bitmap: obtaining the colors
    // Converting always to 8 bpp pixel format; otherwise, gif encoder  would convert it to 32 bpp first.
    // With 8 bpp, gif encoder will preserve transparency and will save compact palette
    // Note: This works well for 256 color images in a 32bpp bitmap. Otherwise, you might try to pass null as palette so a default palette will be used.
    Color[] palette = GetColors((Bitmap)image, 256);
    using (Image imageIndexed = ConvertPixelFormat(image, PixelFormat.Format8bppIndexed, palette))
    
        imageIndexed.Save(fileName, ImageFormat.Gif);
    


// TODO: Use some quantizer
private static Color[] GetColors(Bitmap bitmap, int maxColors)

    if (bitmap == null)
        throw new ArgumentNullException("bitmap");
    if (maxColors < 0)
        throw new ArgumentOutOfRangeException("maxColors");

    HashSet<int> colors = new HashSet<int>();
    PixelFormat pixelFormat = bitmap.PixelFormat;
    if (Image.GetPixelFormatSize(pixelFormat) <= 8)
        return bitmap.Palette.Entries;

    // 32 bpp source: the performant variant
    if (pixelFormat == PixelFormat.Format32bppRgb ||
        pixelFormat == PixelFormat.Format32bppArgb ||
        pixelFormat == PixelFormat.Format32bppPArgb)
    
        BitmapData data = bitmap.LockBits(new Rectangle(Point.Empty, bitmap.Size), ImageLockMode.ReadOnly, pixelFormat);
        try
        
            unsafe
            
                byte* line = (byte*)data.Scan0;
                for (int y = 0; y < data.Height; y++)
                
                    for (int x = 0; x < data.Width; x++)
                    
                        int c = ((int*)line)[x];
                        // if alpha is 0, adding the transparent color
                        if ((c >> 24) == 0)
                            c = 0xFFFFFF;
                        if (colors.Contains(c))
                            continue;

                        colors.Add(c);
                        if (colors.Count == maxColors)
                            return colors.Select(Color.FromArgb).ToArray();
                    

                    line += data.Stride;
                
            
        
        finally
        
            bitmap.UnlockBits(data);
        
    
    else
    
        // fallback: getpixel
        for (int y = 0; y < bitmap.Height; y++)
        
            for (int x = 0; x < bitmap.Width; x++)
            
                int c = bitmap.GetPixel(x, y).ToArgb();
                if (colors.Contains(c))
                    continue;

                colors.Add(c);
                if (colors.Count == maxColors)
                    return colors.Select(Color.FromArgb).ToArray();
            
        
    

    return colors.Select(Color.FromArgb).ToArray();


private static Image ConvertPixelFormat(Image image, PixelFormat newPixelFormat, Color[] palette)

    if (image == null)
        throw new ArgumentNullException("image");

    PixelFormat sourcePixelFormat = image.PixelFormat;

    int bpp = Image.GetPixelFormatSize(newPixelFormat);
    if (newPixelFormat == PixelFormat.Format16bppArgb1555 || newPixelFormat == PixelFormat.Format16bppGrayScale)
        throw new NotSupportedException("This pixel format is not supported by GDI+");

    Bitmap result;

    // non-indexed target image (transparency preserved automatically)
    if (bpp > 8)
    
        result = new Bitmap(image.Width, image.Height, newPixelFormat);
        using (Graphics g = Graphics.FromImage(result))
        
            g.DrawImage(image, 0, 0, image.Width, image.Height);
        

        return result;
    

    int transparentIndex;
    Bitmap bmp;

    // indexed colors: using GDI+ natively
    RGBQUAD[] targetPalette = new RGBQUAD[256];
    int colorCount = InitPalette(targetPalette, bpp, (image is Bitmap) ? image.Palette : null, palette, out transparentIndex);
    BITMAPINFO bmi = new BITMAPINFO();
    bmi.icHeader.biSize = (uint)Marshal.SizeOf(typeof(BITMAPINFOHEADER));
    bmi.icHeader.biWidth = image.Width;
    bmi.icHeader.biHeight = image.Height;
    bmi.icHeader.biPlanes = 1;
    bmi.icHeader.biBitCount = (ushort)bpp;
    bmi.icHeader.biCompression = BI_RGB;
    bmi.icHeader.biSizeImage = (uint)(((image.Width + 7) & 0xFFFFFFF8) * image.Height / (8 / bpp));
    bmi.icHeader.biXPelsPerMeter = 0;
    bmi.icHeader.biYPelsPerMeter = 0;
    bmi.icHeader.biClrUsed = (uint)colorCount;
    bmi.icHeader.biClrImportant = (uint)colorCount;
    bmi.icColors = targetPalette;

    bmp = (image as Bitmap) ?? new Bitmap(image);

    // Creating the indexed bitmap
    IntPtr bits;
    IntPtr hbmResult = CreateDIBSection(IntPtr.Zero, ref bmi, DIB_RGB_COLORS, out bits, IntPtr.Zero, 0);

    // Obtaining screen DC
    IntPtr dcScreen = GetDC(IntPtr.Zero);

    // DC for the original hbitmap
    IntPtr hbmSource = bmp.GetHbitmap();
    IntPtr dcSource = CreateCompatibleDC(dcScreen);
    SelectObject(dcSource, hbmSource);

    // DC for the indexed hbitmap
    IntPtr dcTarget = CreateCompatibleDC(dcScreen);
    SelectObject(dcTarget, hbmResult);

    // Copy content
    BitBlt(dcTarget, 0, 0, image.Width, image.Height, dcSource, 0, 0, 0x00CC0020 /*TernaryRasterOperations.SRCCOPY*/);

    // obtaining result
    result = Image.FromHbitmap(hbmResult);
    result.SetResolution(image.HorizontalResolution, image.VerticalResolution);

    // cleanup
    DeleteDC(dcSource);
    DeleteDC(dcTarget);
    ReleaseDC(IntPtr.Zero, dcScreen);
    DeleteObject(hbmSource);
    DeleteObject(hbmResult);

    ColorPalette resultPalette = result.Palette;
    bool resetPalette = false;

    // restoring transparency
    if (transparentIndex >= 0)
    
        // updating palette if transparent color is not actually transparent
        if (resultPalette.Entries[transparentIndex].A != 0)
        
            resultPalette.Entries[transparentIndex] = Color.Transparent;
            resetPalette = true;
        

        ToIndexedTransparentByArgb(result, bmp, transparentIndex);
    

    if (resetPalette)
        result.Palette = resultPalette;

    if (!ReferenceEquals(bmp, image))
        bmp.Dispose();
    return result;


private static int InitPalette(RGBQUAD[] targetPalette, int bpp, ColorPalette originalPalette, Color[] desiredPalette, out int transparentIndex)

    int maxColors = 1 << bpp;

    // using desired palette
    Color[] sourcePalette = desiredPalette;

    // or, using original palette if it has fewer or the same amount of colors as requested
    if (sourcePalette == null && originalPalette != null && originalPalette.Entries.Length > 0 && originalPalette.Entries.Length <= maxColors)
        sourcePalette = originalPalette.Entries;

    // or, using default system palette
    if (sourcePalette == null)
    
        using (Bitmap bmpReference = new Bitmap(1, 1, GetPixelFormat(bpp)))
        
            sourcePalette = bmpReference.Palette.Entries;
        
    

    // it is ignored if source has too few colors (rest of the entries will be black)
    transparentIndex = -1;
    bool hasBlack = false;
    int colorCount = Math.Min(maxColors, sourcePalette.Length);
    for (int i = 0; i < colorCount; i++)
    
        targetPalette[i] = new RGBQUAD(sourcePalette[i]);
        if (transparentIndex == -1 && sourcePalette[i].A == 0)
            transparentIndex = i;
        if (!hasBlack && (sourcePalette[i].ToArgb() & 0xFFFFFF) == 0)
            hasBlack = true;
    

    // if transparent index is 0, relocating it and setting transparent index to 1
    if (transparentIndex == 0)
    
        targetPalette[0] = targetPalette[1];
        transparentIndex = 1;
    
    // otherwise, setting the color of transparent index the same as the previous color, so it will not be used during the conversion
    else if (transparentIndex != -1)
    
        targetPalette[transparentIndex] = targetPalette[transparentIndex - 1];
    

    // if black color is not found in palette, counting 1 extra colors because it can be used in conversion
    if (colorCount < maxColors && !hasBlack)
        colorCount++;

    return colorCount;


private unsafe static void ToIndexedTransparentByArgb(Bitmap target, Bitmap source, int transparentIndex)

    int sourceBpp = Image.GetPixelFormatSize(source.PixelFormat);
    int targetBpp = Image.GetPixelFormatSize(target.PixelFormat);

    BitmapData dataTarget = target.LockBits(new Rectangle(Point.Empty, target.Size), ImageLockMode.ReadWrite, target.PixelFormat);
    BitmapData dataSource = source.LockBits(new Rectangle(Point.Empty, source.Size), ImageLockMode.ReadOnly, source.PixelFormat);
    try
    
        byte* lineSource = (byte*)dataSource.Scan0;
        byte* lineTarget = (byte*)dataTarget.Scan0;
        bool is32Bpp = sourceBpp == 32;

        // scanning through the lines
        for (int y = 0; y < dataSource.Height; y++)
        
            // scanning through the pixels within the line
            for (int x = 0; x < dataSource.Width; x++)
            
                // testing if pixel is transparent (applies both argb and pargb)
                if (is32Bpp && ((uint*)lineSource)[x] >> 24 == 0
                    || !is32Bpp && ((ulong*)lineSource)[x] >> 48 == 0UL)
                
                    switch (targetBpp)
                    
                        case 8:
                            lineTarget[x] = (byte)transparentIndex;
                            break;
                        case 4:
                            // First pixel is the high nibble
                            int pos = x >> 1;
                            byte nibbles = lineTarget[pos];
                            if ((x & 1) == 0)
                            
                                nibbles &= 0x0F;
                                nibbles |= (byte)(transparentIndex << 4);
                            
                            else
                            
                                nibbles &= 0xF0;
                                nibbles |= (byte)transparentIndex;
                            

                            lineTarget[pos] = nibbles;
                            break;
                        case 1:
                            // First pixel is MSB.
                            pos = x >> 3;
                            byte mask = (byte)(128 >> (x & 7));
                            if (transparentIndex == 0)
                                lineTarget[pos] &= (byte)~mask;
                            else
                                lineTarget[pos] |= mask;
                            break;
                    
                
            

            lineSource += dataSource.Stride;
            lineTarget += dataTarget.Stride;
        
    
    finally
    
        target.UnlockBits(dataTarget);
        source.UnlockBits(dataSource);
    


private static PixelFormat GetPixelFormat(int bpp)

    switch (bpp)
    
        case 1:
            return PixelFormat.Format1bppIndexed;
        case 4:
            return PixelFormat.Format4bppIndexed;
        case 8:
            return PixelFormat.Format8bppIndexed;
        case 16:
            return PixelFormat.Format16bppRgb565;
        case 24:
            return PixelFormat.Format24bppRgb;
        case 32:
            return PixelFormat.Format32bppArgb;
        case 48:
            return PixelFormat.Format48bppRgb;
        case 64:
            return PixelFormat.Format64bppArgb;
        default:
            throw new ArgumentOutOfRangeException("bpp");
    

以及原生类型和方法:

private const int BI_RGB = 0;
private const int DIB_RGB_COLORS = 0;

[DllImport("gdi32.dll", CharSet = CharSet.Auto)]
private static extern IntPtr CreateDIBSection(IntPtr hdc, [In] ref BITMAPINFO pbmi, int iUsage, out IntPtr ppvBits, IntPtr hSection, uint dwOffset);

[DllImport("user32.dll", CharSet = CharSet.Auto)]
private static extern IntPtr GetDC(IntPtr hWnd);

[DllImport("gdi32.dll", SetLastError = true)]
private static extern IntPtr SelectObject(IntPtr hdc, IntPtr hgdiobj);

[DllImport("gdi32.dll", SetLastError = true)]
private static extern IntPtr CreateCompatibleDC(IntPtr hdc);

[DllImport("gdi32.dll", SetLastError = true)]
[return: MarshalAs(UnmanagedType.Bool)]
private static extern bool BitBlt(IntPtr hdc, int nXDest, int nYDest, int nWidth, int nHeight, IntPtr hdcSrc, int nXSrc, int nYSrc, uint dwRop);

[DllImport("gdi32.dll")]
private static extern bool DeleteDC(IntPtr hdc);

[DllImport("gdi32.dll", SetLastError = true)]
private static extern bool DeleteObject(IntPtr hObject);

[DllImport("user32.dll")]
private static extern bool ReleaseDC(IntPtr hWnd, IntPtr hDC);

[StructLayout(LayoutKind.Sequential)]
private struct RGBQUAD

    internal byte rgbBlue;
    internal byte rgbGreen;
    internal byte rgbRed;
    internal byte rgbReserved;

    internal RGBQUAD(Color color)
    
        rgbRed = color.R;
        rgbGreen = color.G;
        rgbBlue = color.B;
        rgbReserved = 0;
    


[StructLayout(LayoutKind.Sequential)]
private struct BITMAPINFO

    public BITMAPINFOHEADER icHeader;
    [MarshalAs(UnmanagedType.ByValArray, SizeConst = 256)]
    public RGBQUAD[] icColors;


[StructLayout(LayoutKind.Sequential)]
private struct BITMAPINFOHEADER

    internal uint biSize;
    internal int biWidth;
    internal int biHeight;
    internal ushort biPlanes;
    internal ushort biBitCount;
    internal uint biCompression;
    internal uint biSizeImage;
    internal int biXPelsPerMeter;
    internal int biYPelsPerMeter;
    internal uint biClrUsed;
    internal uint biClrImportant;


更新:

我的Drawing Libraries 现在可以免费下载。它使SaveAsGif 扩展方法在Image 类型上可用:

using KGySoft.Drawing;
/// ...

using (var stream = new FileStream(targetPngPath, FileMode.Create))

    // You can either use an arbitrary palette,
    myPngBitmap.SaveAsGif(stream, myPngBitmap.GetColors(256));

    // or, you can let the built-in encoder use dithering with a fixed palette.
    // Pixel format is adjusted so transparency will be preserved.
    myPngBitmap.SaveAsGif(stream, allowDithering: true);

【讨论】:

有不安全方法时如何编译? 见这里:***.com/a/17650474/5114784 如果您不允许在项目中使用不安全的代码,您可以用性能较低的解决方案替换它们。第一个不安全的块可以通过使用GetPixel 方法的回退来避免(非常慢)。而在不安全的方法中,您可以通过Marshal.Copy 将位图内容复制到常规字节数组中。并且在操作byte[]之后,你必须把它复制回来。 只要问一个公共问题并在此处发表评论,以防我错过。但我不能保证有任何帮助。 :) 我目前没有可用资源来做这件事。但是我已经开始实现一些绘图扩展和库,完成后它们将被移动到 GitHub。 仅当您省略 GetColors 的结果时才使用默认调色板。然而,这个GetColors 实现收集了源图像的前 256 种不同颜色(因此是方法上方的 TODO),但如果源实际上有多达 256 种颜色但像素格式是高彩的,这是可以的。 【参考方案2】:

这可能会有所帮助。 Bitmap 类无法正确保存透明度。 您需要将位图转换为图像。

c# Bitmap.Save transparancy doesn't save in png

互联网上有关于 .NET 没有正确保存具有透明度的位图的 cmet。

这里有一个很好的链接供进一步阅读,代码太多了。

http://forums.asp.net/t/1057792.aspx?ASP+NET+C+Making+an+Image+transparent

【讨论】:

以上是关于将透明 PNG 保存为透明 GIF的主要内容,如果未能解决你的问题,请参考以下文章

PHP调整图像大小并保存为透明PNG

ps怎么保存透明图片

什么格式的照片可以是透明的

在 GDI+ 或 WPF 中保存透明 GIF

将索引 BMP 保存为 PNG 不会在 Mac 上保存透明度

在 Delphi 2007 中将具有透明度的位图保存为 PNG