{"id":1984,"date":"2026-10-23T09:13:00","date_gmt":"2026-10-23T13:13:00","guid":{"rendered":"https:\/\/www.xconvert.com\/blog\/?p=1984"},"modified":"2026-08-31T23:06:10","modified_gmt":"2026-09-01T03:06:10","slug":"keep-transparency-converting-images","status":"publish","type":"post","link":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images","title":{"rendered":"Keep Transparency When Converting Images: PNG, WebP, AVIF"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You export a logo with a clean transparent background, convert it to JPG for a client, and open the result to find a solid black rectangle behind it. Or white, when the page it has to sit on is dark. Nothing corrupted the file \u2014 JPEG simply has no way to store \u201cnothing here,\u201d so every transparent pixel had to become <em>some<\/em> colour, and the tool picked one for you without asking. This guide covers which formats actually keep an alpha channel, what happens to those pixels when one doesn\u2019t, and how to choose the fill colour yourself instead of finding out afterwards.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>Quick answer:<\/strong> <strong>JPEG has no alpha channel<\/strong> \u2014 there is no setting that makes it keep transparency. If the transparency must survive, convert to <strong>PNG, WebP or AVIF<\/strong> (all three store a full 8-bit alpha channel). If the output really has to be JPG, decide the fill colour deliberately: on xconvert\u2019s alpha-capable-to-JPG pages, such as <a href=\"https:\/\/www.xconvert.com\/convert-png-to-jpg\">PNG to JPG<\/a>, a <strong>Background Color<\/strong> dropdown offers <strong>25 named colours with White preselected<\/strong>, so the flattened area is the colour you chose rather than whatever the library defaulted to.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Jump to a section<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#matrix\">Which formats actually keep alpha<\/a><\/li><li><a href=\"#black\">Why your transparent PNG turned black \u2014 or white<\/a><\/li><li><a href=\"#fill\">If the output must be JPG, pick the fill colour<\/a><\/li><li><a href=\"#gotchas\">Two gotchas that aren\u2019t about JPEG<\/a><\/li><li><a href=\"#tool\">Convert without losing transparency on xconvert<\/a><\/li><li><a href=\"#faq\">FAQ<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"matrix\">Which formats actually keep alpha<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Transparency is not one feature. Some formats store a full 8-bit alpha channel \u2014 256 levels of opacity per pixel, which is what lets an anti-aliased logo edge blend smoothly into any background. Others store a single \u201cthis index is invisible\u201d flag, which only ever gives you a hard on\/off edge. And one of the most commonly requested output formats stores none at all.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"939\" src=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix.png\" alt=\"Comparison grid of image formats showing which keep transparency, how the alpha is stored, and what each format is typically used for\" class=\"wp-image-1981\" srcset=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix.png 1600w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix-300x176.png 300w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix-1024x601.png 1024w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix-768x451.png 768w, https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/alpha-matrix-1536x901.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Two of those rows deserve a sentence each.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WebP is the underrated answer.<\/strong> Google\u2019s documentation is specific: \u201cLossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes,\u201d and \u201cfor cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3\u00d7 smaller file sizes compared to PNG.\u201d That last one is the important sentence for anyone who reaches for JPG because the PNG was too big \u2014 you can usually keep the transparency <em>and<\/em> get the size win. WebP support sits at roughly 96% of global browser traffic per caniuse, with Safari reaching full support in version 16.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AVIF is smaller again<\/strong> and also carries alpha, at around 95% global browser support (Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+). It is the right pick when you control the delivery pipeline and can supply a fallback.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the routing table if you already know your constraint:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Your constraint<\/th><th>Convert to<\/th><th>Why<\/th><\/tr><\/thead><tbody><tr><td>Must keep soft, anti-aliased transparent edges<\/td><td><strong>PNG<\/strong><\/td><td>8-bit alpha, universally supported, lossless<\/td><\/tr><tr><td>Same, but the PNG is too heavy for the web<\/td><td><strong>WebP<\/strong><\/td><td>Alpha in both lossy and lossless modes; lossless WebP averages 26% smaller than PNG<\/td><\/tr><tr><td>Smallest possible web file, with a fallback available<\/td><td><strong>AVIF<\/strong><\/td><td>Alpha plus the strongest compression of the three<\/td><\/tr><tr><td>Needs to animate and keep hard-edged transparency<\/td><td><strong>GIF<\/strong> or <strong>APNG<\/strong><\/td><td>GIF gives 1-bit transparency; APNG gives full alpha<\/td><\/tr><tr><td>Recipient explicitly demands a <code>.jpg<\/code><\/td><td><strong>JPG, with a chosen background colour<\/strong><\/td><td>No alpha exists in JPEG \u2014 flatten deliberately<\/td><\/tr><tr><td>Print or archival, transparency required<\/td><td><strong>PNG or TIFF (not JPEG-compressed)<\/strong><\/td><td>See the TIFF caveat below<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"black\">Why your transparent PNG turned black \u2014 or white<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When a converter flattens an alpha channel, it has to composite your image onto <em>something<\/em>. The colour it picks is not defined by any standard \u2014 it is a decision each library makes, and they do not agree.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That is the whole explanation for a symptom people report constantly: the same PNG becomes white in one tool and black in another. Command-line pipelines that simply drop the alpha channel and keep the RGB values tend to produce black, because fully-transparent pixels are frequently stored as RGB (0,0,0) with alpha 0 \u2014 the colour data underneath was never meant to be looked at. Tools that composite properly pick white, because white is the safe assumption for a document or a product photo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neither is wrong. Both are guesses about your intent. The fix is to stop letting the guess happen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Flatten it yourself first,<\/strong> in your editor, onto the exact colour or texture you want. This is the only route if you need a gradient, a photo, or a brand colour that is not in a dropdown.<\/li><li><strong>Or use a converter that exposes the fill colour<\/strong> so the guess becomes a choice.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">There is one more subtlety worth knowing about. Anti-aliased edges are <em>partially<\/em> transparent \u2014 the pixels along a curve might be 30% or 70% opaque. Those get blended with whatever background you pick, so a logo flattened onto white and then placed on a dark page shows a pale halo around every edge. That halo is not a conversion bug; it is the anti-aliasing that was designed for a white background being shown on a black one. Pick the fill colour to match where the image will actually live.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fill\">If the output must be JPG, pick the fill colour<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">On xconvert, converting from a transparency-capable image format to JPG surfaces a <strong>Background Color<\/strong> control under <strong>Advanced Options<\/strong>. It is a single dropdown listing 25 named colours \u2014 White (preselected), Black, Aqua, Blue, Brown, Coral, Crimson, Cyan, Gold, Gray, Green, Indigo, Lime, Magenta, Maroon, Navy, Olive, Orange, Pink, Purple, Red, Silver, Teal, Violet and Yellow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It appears specifically on conversions <strong>from<\/strong> PNG, APNG, WebP, GIF, AVIF, HEIC, HEIF, TIFF, TIF, SVG or ICO <strong>to<\/strong> JPG, JPEG or JFIF \u2014 the pages where a source can actually have an alpha channel to flatten. Some real examples: <a href=\"https:\/\/www.xconvert.com\/convert-png-to-jpg\">PNG to JPG<\/a>, <a href=\"https:\/\/www.xconvert.com\/convert-webp-to-jpg\">WebP to JPG<\/a>, <a href=\"https:\/\/www.xconvert.com\/convert-heic-to-jpg\">HEIC to JPG<\/a>, <a href=\"https:\/\/www.xconvert.com\/convert-svg-to-jpg\">SVG to JPG<\/a>, <a href=\"https:\/\/www.xconvert.com\/convert-gif-to-jpg\">GIF to JPG<\/a> and <a href=\"https:\/\/www.xconvert.com\/convert-ico-to-jpg\">ICO to JPG<\/a>. It does <strong>not<\/strong> appear on conversions to PNG, WebP, AVIF or TIFF, because nothing needs flattening there \u2014 the alpha channel comes along.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Practical picks: <strong>White<\/strong> for documents, marketplace listings and anything printed on paper; <strong>Black<\/strong> for a logo destined for a dark UI; a brand colour from the list when it matches. If your required colour is not one of the 25 \u2014 a specific hex, a gradient, or a photo \u2014 flatten in an editor first and then convert the already-opaque result.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gotchas\">Two gotchas that aren\u2019t about JPEG<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>GIF transparency is one bit, not eight.<\/strong> The GIF89a specification stores transparency as a single index in the colour table: \u201cThe Transparency Index is such that when encountered, the corresponding pixel of the display device is not modified.\u201d A pixel is either fully transparent or fully opaque \u2014 there is no in-between. So converting a soft-edged PNG logo to GIF gives you a jagged or fringed edge, and the fringe colour depends on what the anti-aliasing was blended against before quantisation. For animation <em>with<\/em> soft edges, APNG or WebP is the right target, not GIF.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u201cTIFF supports transparency\u201d is a statement about the container, not about your file.<\/strong> TIFF is a family of sub-formats with a dozen legal compression schemes, and a JPEG-compressed TIFF cannot carry alpha \u2014 as the libvips maintainer puts it, \u201cJPEG compression is delegated to libjpeg, and it does not support alpha.\u201d An LZW- or Deflate-compressed TIFF carries an alpha channel fine. If a TIFF has to hold transparency, verify which compression it actually used rather than trusting the extension.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tool\">Convert without losing transparency on xconvert<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To keep the transparency<\/strong>, send it somewhere that has an alpha channel:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open <a href=\"https:\/\/www.xconvert.com\/convert-png-to-webp\">xconvert.com\/convert-png-to-webp<\/a> (or <a href=\"https:\/\/www.xconvert.com\/convert-png-to-avif\">PNG to AVIF<\/a>) and click <strong>Upload<\/strong>.<\/li><li>Open <strong>Advanced Options<\/strong> and leave <strong>Image Compression<\/strong> on <strong>Quality Preset \u2192 Very High (Recommended)<\/strong>, or switch to <strong>Specific file size<\/strong> if you have a byte budget. The alpha channel comes across either way \u2014 there is no transparency toggle to find, because nothing is being discarded.<\/li><li>Click <strong>Convert<\/strong> and download.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>If the output has to be JPG<\/strong>, make the flatten deliberate:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open <a href=\"https:\/\/www.xconvert.com\/convert-png-to-jpg\">xconvert.com\/convert-png-to-jpg<\/a> and click <strong>Upload<\/strong> \u2014 from your computer, Google Drive or Dropbox.<\/li><li>Open <strong>Advanced Options<\/strong>.<\/li><li>Under <strong>Background Color<\/strong>, choose the colour the transparent area should become. <strong>White<\/strong> is preselected; switch it to <strong>Black<\/strong> or a brand colour if that is where the image will sit.<\/li><li>Set <strong>Quality Preset<\/strong> (default <strong>Very High (Recommended)<\/strong>), and under <strong>File extension<\/strong> choose whether the output is named <code>.jpg<\/code> or <code>.jpeg<\/code> \u2014 the two are the same format.<\/li><li>Click <strong>Convert<\/strong> and download.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Your files upload over an encrypted connection, are processed on our servers, and are deleted automatically a few hours later.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Related reading: <a href=\"https:\/\/www.xconvert.com\/blog\/convert-png-to-jpg\/\">How to convert PNG to JPG (and when you shouldn\u2019t)<\/a> and <a href=\"https:\/\/www.xconvert.com\/blog\/png-vs-webp-vs-jpg\/\">PNG vs WebP vs JPG<\/a> for choosing between the three in the first place.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">Can a JPG have a transparent background?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">No. The JPEG standard has no alpha channel, and no converter setting can add one \u2014 anything advertising \u201ctransparent JPG\u201d is either producing a different format with a <code>.jpg<\/code> name or flattening onto a colour that happens to match the page. If the transparency has to be real, the output format has to change to PNG, WebP, AVIF or APNG.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Why does my transparency turn black instead of white?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Because the tool dropped the alpha channel rather than compositing. Fully-transparent pixels commonly hold RGB (0,0,0) underneath \u2014 nobody ever had to look at that colour, so it was never set to anything meaningful. Strip the alpha and those zeroes become visible black. A converter that composites first, or that lets you name the fill colour, avoids it entirely.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Does converting PNG to WebP keep transparency?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, in both modes. Google\u2019s documentation states that lossless WebP carries an alpha channel \u201cat a cost of just 22% additional bytes,\u201d and that lossy WebP also supports transparency while typically producing files 3\u00d7 smaller than the equivalent PNG. For a logo or UI asset that is too heavy as a PNG, this is usually a better move than flattening it to JPG.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Will my logo\u2019s soft edges survive a conversion to GIF?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Not cleanly. GIF\u2019s transparency is a single index \u2014 fully on or fully off, per the GIF89a specification \u2014 so the semi-transparent pixels along an anti-aliased curve have to be forced to one extreme or the other. Expect a hard, sometimes fringed edge. Use APNG or animated WebP if you need animation with genuine soft edges.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Which background colour should I pick when flattening to JPG?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Match where the image will end up. White for documents, print, e-commerce listings and anything on a white page; black or a dark grey for a dark-mode interface. The reason it matters more than it looks is the anti-aliased border: those partly-transparent edge pixels get permanently blended with your choice, so a logo flattened onto white keeps a visible pale halo forever if you later place it on black.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Do PDFs keep transparency from a PNG?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Generally yes \u2014 PDF has supported transparency since PDF 1.4, so a transparent PNG placed into a PDF can stay transparent. What varies is downstream: some print workflows flatten transparency during prepress, and some older viewers render it inconsistently. If a printer has asked for \u201cno transparency,\u201d they are asking you to flatten it deliberately before handing the file over, which is exactly the Background Color case above.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Is there any way to remove a background rather than just replace it?<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">That is a different job. Everything on this page is about what happens to an alpha channel that <em>already exists<\/em>. Creating one \u2014 cutting a subject out of a photo that has a real background \u2014 needs a segmentation tool such as Photoshop\u2019s Remove Background or a dedicated cut-out service. Once you have a transparent PNG from that step, the rules on this page take over.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sources<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Last verified 2026-08-31.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/developers.google.com\/speed\/webp\">Google \u2014 WebP: An image format for the Web<\/a> \u2014 \u201cLossless WebP supports transparency \u2026 at a cost of just 22% additional bytes,\u201d lossy WebP transparency, and the 26% \/ 25\u201334% size comparisons.<\/li><li><a href=\"https:\/\/www.w3.org\/Graphics\/GIF\/spec-gif89a.txt\">W3C \u2014 GIF89a specification<\/a> \u2014 the Transparent Color Flag and Transparency Index, confirming GIF\u2019s single-index (1-bit) transparency model.<\/li><li><a href=\"https:\/\/caniuse.com\/webp\">caniuse \u2014 WebP image format<\/a> \u2014 current global support and the Safari version that reached full support.<\/li><li><a href=\"https:\/\/caniuse.com\/avif\">caniuse \u2014 AVIF image format<\/a> \u2014 current global support and the Chrome 85 \/ Firefox 93 \/ Safari 16.4 \/ Edge 121 versions.<\/li><li><a href=\"https:\/\/github.com\/libvips\/libvips\/discussions\/3252\">libvips discussion #3252<\/a> \u2014 maintainer statement that JPEG compression inside TIFF cannot carry alpha, because it is delegated to libjpeg.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.<\/p>\n","protected":false},"author":3,"featured_media":1982,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,14],"tags":[],"class_list":["post-1984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-guides","category-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Keep Transparency When Converting Images: PNG, WebP, AVIF<\/title>\n<meta name=\"description\" content=\"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Keep Transparency When Converting Images: PNG, WebP, AVIF\" \/>\n<meta property=\"og:description\" content=\"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images\" \/>\n<meta property=\"og:site_name\" content=\"XConvert Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/xconvertcom\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-23T13:13:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"James\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:site\" content=\"@xconvert_com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images\"},\"author\":{\"name\":\"James\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"headline\":\"Keep Transparency When Converting Images: PNG, WebP, AVIF\",\"datePublished\":\"2026-10-23T13:13:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images\"},\"wordCount\":2028,\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-32.png\",\"articleSection\":[\"How To Guides\",\"Tools\"],\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images\",\"name\":\"Keep Transparency When Converting Images: PNG, WebP, AVIF\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-32.png\",\"datePublished\":\"2026-10-23T13:13:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\"},\"description\":\"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#primaryimage\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-32.png\",\"contentUrl\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/featured-32.png\",\"width\":1600,\"height\":840,\"caption\":\"The xconvert PNG to JPG converter at \\\/convert-png-to-jpg with the Upload button highlighted - convert a transparent PNG and choose what the transparency becomes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/keep-transparency-converting-images#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.xconvert.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Keep Transparency When Converting Images: PNG, WebP, AVIF\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/\",\"name\":\"XConvert Blog\",\"description\":\"Blog for XConvert file converter\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/#\\\/schema\\\/person\\\/3434db135e6a7f239ba8414244df9845\",\"name\":\"James\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g\",\"caption\":\"James\"},\"url\":\"https:\\\/\\\/www.xconvert.com\\\/blog\\\/author\\\/james\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Keep Transparency When Converting Images: PNG, WebP, AVIF","description":"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images","og_locale":"en_US","og_type":"article","og_title":"Keep Transparency When Converting Images: PNG, WebP, AVIF","og_description":"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.","og_url":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images","og_site_name":"XConvert Blog","article_publisher":"https:\/\/www.facebook.com\/xconvertcom","article_published_time":"2026-10-23T13:13:00+00:00","og_image":[{"width":1600,"height":840,"url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png","type":"image\/png"}],"author":"James","twitter_card":"summary_large_image","twitter_creator":"@xconvert_com","twitter_site":"@xconvert_com","twitter_misc":{"Written by":"James","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#article","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images"},"author":{"name":"James","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"headline":"Keep Transparency When Converting Images: PNG, WebP, AVIF","datePublished":"2026-10-23T13:13:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images"},"wordCount":2028,"image":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png","articleSection":["How To Guides","Tools"],"inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images","url":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images","name":"Keep Transparency When Converting Images: PNG, WebP, AVIF","isPartOf":{"@id":"https:\/\/www.xconvert.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#primaryimage"},"image":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#primaryimage"},"thumbnailUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png","datePublished":"2026-10-23T13:13:00+00:00","author":{"@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845"},"description":"JPEG has no alpha channel, so transparency must become a colour. Which formats keep transparency, and how to pick the fill colour instead of guessing.","breadcrumb":{"@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#primaryimage","url":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png","contentUrl":"https:\/\/www.xconvert.com\/blog\/wp-content\/uploads\/2026\/08\/featured-32.png","width":1600,"height":840,"caption":"The xconvert PNG to JPG converter at \/convert-png-to-jpg with the Upload button highlighted - convert a transparent PNG and choose what the transparency becomes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.xconvert.com\/blog\/keep-transparency-converting-images#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xconvert.com\/blog"},{"@type":"ListItem","position":2,"name":"Keep Transparency When Converting Images: PNG, WebP, AVIF"}]},{"@type":"WebSite","@id":"https:\/\/www.xconvert.com\/blog\/#website","url":"https:\/\/www.xconvert.com\/blog\/","name":"XConvert Blog","description":"Blog for XConvert file converter","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xconvert.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Person","@id":"https:\/\/www.xconvert.com\/blog\/#\/schema\/person\/3434db135e6a7f239ba8414244df9845","name":"James","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46be416a360dc6b95bffc4b116d86872c03f8d8e4c1047a3a08033742f03d04d?s=96&d=mm&r=g","caption":"James"},"url":"https:\/\/www.xconvert.com\/blog\/author\/james"}]}},"_links":{"self":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/comments?post=1984"}],"version-history":[{"count":1,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1984\/revisions"}],"predecessor-version":[{"id":1985,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/posts\/1984\/revisions\/1985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media\/1982"}],"wp:attachment":[{"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/media?parent=1984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/categories?post=1984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xconvert.com\/blog\/wp-json\/wp\/v2\/tags?post=1984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}