<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>alpha-channel &#8211; reaConverter Tutorials Hub</title>
	<atom:link href="https://howto.reaconverter.com/tag/alpha-channel/feed/" rel="self" type="application/rss+xml" />
	<link>https://howto.reaconverter.com</link>
	<description>Learn batch image conversion, resizing &#38; format changes with simple tutorials. Beginner-friendly guides with screenshots.</description>
	<lastBuildDate>Wed, 02 Mar 2016 05:07:06 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8</generator>

<image>
	<url>https://howto.reaconverter.com/wp-content/uploads/2024/04/android-chrome-512x512-1-150x150.png</url>
	<title>alpha-channel &#8211; reaConverter Tutorials Hub</title>
	<link>https://howto.reaconverter.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to Create SVG with JPEG compression and Alpha-Channel</title>
		<link>https://howto.reaconverter.com/create-svg-with-alpha-channel/</link>
		
		<dc:creator><![CDATA[reaconverter]]></dc:creator>
		<pubDate>Wed, 02 Mar 2016 05:07:06 +0000</pubDate>
				<category><![CDATA[Image conversion]]></category>
		<category><![CDATA[alpha-channel]]></category>
		<category><![CDATA[jpeg]]></category>
		<category><![CDATA[raster]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">https://www.reaconverter.com/howto/?p=1210</guid>

					<description><![CDATA[While most people describe SVG as a vector format containing vectors, animations or interactive graphics and supported by the largest part of web browsers, few know that SVGs can also store raster images. And the best part is that these raster images can handle alpha-channel and JPEG compression, which makes SVG a great alternative for ... <a title="How to Create SVG with JPEG compression and Alpha-Channel" class="read-more" href="https://howto.reaconverter.com/create-svg-with-alpha-channel/" aria-label="Read more about How to Create SVG with JPEG compression and Alpha-Channel">Read more</a>]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/02/svg.png" alt="SVG + Alpha Channel" width="296" height="200" class="alignnone size-full wp-image-1211" style="border: 0; box-shadow: 0 0 0; padding: 36px;"/></p>
<p>While most people describe <strong>SVG</strong> as a vector format containing vectors, animations or interactive graphics and supported by the largest part of web browsers, few know that SVGs can also store raster images. And the best part is that these raster images can handle alpha-channel and JPEG compression, which makes SVG a great alternative for the larger-sized <a href="/convert/png.html">PNG</a>.</p>
<p><a href="/convert/svg.html">SVG</a> is also a better alternative than <a href="/convert/webp.html">WebP</a>, <a href="/convert/j2k.html">JPEG2000</a> or <a href="/convert/jxr.html">JPEG-XR</a> when it comes to web programming, as it is supported by Chrome, Safari, Internet Explorer 9+ and Firefox &mdash; thus covering all major browsers.</p>
<p><span id="more-1210"></span></p>
<h2 style="font-weight: normal;">Here is a simple example:</h2>
<p><strong>PNG with Alpha-Channel, 56.6Kb</strong></p>
<p><img decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/02/reaconverter256.png" style="padding: 36px;border: 0; box-shadow: 0 0 0;"/></p>
<p><strong>SVG with JPEG compression and Alpha-Channel, 14.2Kb</strong></p>
<p><img decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/02/reaconverter256.svg" style="padding: 36px;border: 0; box-shadow: 0 0 0;"/></p>
<p>The result &mdash; image size reduced to about 75%, keeping Alpha Channel. </p>
<h2 style="font-weight: normal;">How to create SVG with JPEG compression?</h2>
<p>reaConverter’s latest edition helps you convert from a wide array of image formats into raster JPEG compressed SVG with Alpha-Channel.</p>
<p><a style="color: #3b3b3b;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAABbklEQVRIx7XUv2tTURTA8SvSsVhDFwXRwXYpOAREcBLxHwjBSAZBbIu4uHUXHRxcdfaf0EHEQfxJodqhInQRqTYxkGyGgsWPywk8Ssy7L+oXDjzOu/d+37v3nJuQKsQMzuEBNtHDFzzBTdTK1qgim8Ud7Pkz6zg/rXAWF3ANl/FQHjs4W1V4Go8wNB3PcSRXeBxP/R1DXMkV3vBv2MDKwUIaJ7w/YZF9fI7iWI/n/Qnj9/AGF8cJa7iLzoQFBljFiYjVyJXRwaWicAnv8LNkYh+Nwkc2IpfDJxxLmMerzEkDtArCVuYfjlhLuFVhwg+0C8J25HJ5mfA6s8y3sYVmQdiM3HZmz35L+J4x8Gts3ynMFYRzkWvFmDJ6Cd3M7XiGhTFttBDvcnif8KLCGXxAvSCrRy6Xeyl6SUXpmYgqsh4WR+dQ9e78GJHLLywXG/8kHvs/dHEVhw9ebUdxPQpgJxq6P2Xs4i1uR1EdGnl+A8aloD05wBMTAAAAAElFTkSuQmCC);  background-position: 16px 11px;  background-repeat: no-repeat;  background-color: #b4da21;  padding: 10px 18px 8px 56px;  font-size: 16px;  width: 231px;  height: 40px;text-decoration: none;" type="button" href="/download/reaConverterStandard-Setup.exe">Install reaConverter</a></p>
<h2 style="font-weight: normal;">Load files for conversion</h2>
<p>Load one or more image files into reaConverter by browsing local folders or using the drag-and-drop tool. </p>
<p><img decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/03/raster-svg-1.png" alt="" width="786" height="610" class="alignnone size-full wp-image-1230" /></p>
<h2 style="font-weight: normal;">Set SVG to be raster</h2>
<p>Go to the <strong>Menu</strong> button and click <strong>Saving settings &rarr; Format saving settings</strong>. Then pick the <strong>SVG</strong> tab, tick the button that says Create SVG raster and customize the quality of the output image.</p>
<p><img decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/03/raster-svg-2.png" alt="" width="786" height="610" class="alignnone size-full wp-image-1231" /></p>
<p>You can also reach this window directly from the SVG button placed in the lower part of the reaConverter window. Just click the <strong>Settings</strong> icon placed on the upper left side of the button.</p>
<h2 style="font-weight: normal;">Save the result</h2>
<p>Go to the <strong>Saving options</strong> tab and pick a location for your output files. Save them in the source folder or in another local folder of your choice. Finally, make sure you have picked the output extension <strong>SVG</strong> from the buttons placed in the lower part of the window. If you don’t see it there, click the <strong>Plus</strong> button and a new window with all the supported formats will appear.</p>
<p><img loading="lazy" decoding="async" src="https://www.reaconverter.com/howto/wp-content/uploads/2016/03/raster-svg-3.png" alt="" width="786" height="610" class="alignnone size-full wp-image-1232" /></p>
<p>Then simply press <strong>Start</strong> and get ready to use your new SVG images with alpha channel!</p>
<div style="margin-bottom: 48px;margin-top:42px;"><a style="color: #3b3b3b;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAATCAYAAACDW21BAAABbklEQVRIx7XUv2tTURTA8SvSsVhDFwXRwXYpOAREcBLxHwjBSAZBbIu4uHUXHRxcdfaf0EHEQfxJodqhInQRqTYxkGyGgsWPywk8Ssy7L+oXDjzOu/d+37v3nJuQKsQMzuEBNtHDFzzBTdTK1qgim8Ud7Pkz6zg/rXAWF3ANl/FQHjs4W1V4Go8wNB3PcSRXeBxP/R1DXMkV3vBv2MDKwUIaJ7w/YZF9fI7iWI/n/Qnj9/AGF8cJa7iLzoQFBljFiYjVyJXRwaWicAnv8LNkYh+Nwkc2IpfDJxxLmMerzEkDtArCVuYfjlhLuFVhwg+0C8J25HJ5mfA6s8y3sYVmQdiM3HZmz35L+J4x8Gts3ynMFYRzkWvFmDJ6Cd3M7XiGhTFttBDvcnif8KLCGXxAvSCrRy6Xeyl6SUXpmYgqsh4WR+dQ9e78GJHLLywXG/8kHvs/dHEVhw9ebUdxPQpgJxq6P2Xs4i1uR1EdGnl+A8aloD05wBMTAAAAAElFTkSuQmCC);  background-position: 16px 11px;  background-repeat: no-repeat;  background-color: #b4da21;  padding: 10px 16px 8px 56px;  font-size: 16px;  width: 231px;  height: 40px;text-decoration: none;" type="button" href="/download/reaConverterStandard-Setup.exe">Try reaConverter</a></div>
<style>
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<h2 style="font-weight: normal; padding-top: 18px;">Video Tutorial</h2>
<div class="responsive-video">
<iframe loading="lazy" width="640" height="480" src="//www.youtube.com/embed/MWN7Sd7h76E?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
<p></p>
<p><i style="color: #999;">Advanced users can create transparent SVG images with JPEG compression using <a style="color: #999;" href="/features/command-line.html">command line interface</a> or <a style="color: #999;" href="/features/dll.html">DLL</a> in manual, automated or scheduled mode. You are welcome to contact our <a style="color: #999;" href="/support/">technical support</a> when you have any questions about reaConverter.</i></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
