mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
93 lines
5.3 KiB
HTML
93 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title> Vectorize bitmaps in Photopea!</title>
|
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
ga('create', 'UA-4249565-38', 'photopea.com'); ga('send', 'pageview');
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="page">
|
|
<div id="header">
|
|
<a href="https://blog.photopea.com/" class="title">Photopea Blog</a>
|
|
<!--<p>Web-based image editor.</p>-->
|
|
<a class="curr" href="//blog.photopea.com">Blog</a> |
|
|
<a href="//www.photopea.com/learn">Learn</a> |
|
|
<a href="//www.photopea.com/tuts">Tutorials</a> |
|
|
<a href="//www.photopea.com/templates">Templates</a> |
|
|
<a href="//www.photopea.com/api">API</a> |
|
|
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
|
|
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
|
|
</div> <div id="main">
|
|
<div id="content">
|
|
|
|
<div class="post" id="post-730">
|
|
<span class="date">February 22, 2018</span>
|
|
<h1>Vectorize bitmaps in Photopea!</h1>
|
|
<div class="entry">
|
|
|
|
<p>We just launched a new feature: <b>bitmap to vector conversion</b>. See how it works!</p>
|
|
<span id="more-730"></span>
|
|
|
|
<p>Raster-to-vector conversion (or bitmap tracing) is a common feature in many image editors. It is quite complex task and each program produces quite different results. Some free bitmap tracers are available in <a href="https://www.vectorizer.io">Vectorizer.io</a> or in <a href="https://inkscape.org/">Inkscape</a>.</p>
|
|
|
|
<p>We just added such feature into Photopea and we are glad to announce, that it has better results, than Vectorizer.io and Inkscape. After we open our raster image (or select the right layer in a layered image), press Image - Vectorize Bitmap. We will see a special Vectorizer window.</p>
|
|
<a href="//blog.photopea.com/wp-content/uploads/2018/02/vectorize.png">
|
|
<img src="//blog.photopea.com/wp-content/uploads/2018/02/vectorize.png" class="fullw" />
|
|
</a>
|
|
|
|
<p>We can see the original image on the left and the vector image on the right. We can move both images or zoom in / out.
|
|
We can also set two parameters:
|
|
<ul>
|
|
<li>Number of colors</li>
|
|
<li>Noise reduction</li>
|
|
</ul>
|
|
The need of the noise reduction is detected <b>automatically</b> for each image and we recommend to keep that setting.
|
|
Once we are satisfied with the vector output, hit OK. Our original raster layer will be replaced with corresponding vector layers, ready for an additional vector editing, or for an export as SVG or PDF (File - Export As - ...).</p>
|
|
|
|
<p>Try it yourself in the following demo with multiple images! (press Image - Vectorize Bitmap)</p>
|
|
|
|
<p><big><big><a href="
|
|
https://www.photopea.com?p=%7B%22files%22:%5B%22https://www.photopea.com/api/img2/vectr/bunny.png%22,%22https://www.photopea.com/api/img2/vectr/cat.png%22,%22https://www.photopea.com/api/img2/vectr/donkey3.png%22,%22https://www.photopea.com/api/img2/vectr/fox.png%22,%22https://www.photopea.com/api/img2/vectr/lion.png%22,%22https://www.photopea.com/api/img2/vectr/logo.png%22,%22https://www.photopea.com/api/img2/vectr/pug.png%22,%22https://www.photopea.com/api/img2/vectr/skull.png%22%5D%7D
|
|
" target="_blank">Vectorize images in Photopea!</a></big></big></p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div><!--content-->
|
|
|
|
<div style="width:110px; margin: 0px auto;">
|
|
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
|
|
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
|
|
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
|
|
<script type="text/javascript">
|
|
function smallWindow(url)
|
|
{
|
|
var w = 640, h = 300;
|
|
window.open(url+"https://blog.photopea.com/vectorize-bitmaps-in-photopea.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div id="disqus_thread"></div>
|
|
<script type="text/javascript">
|
|
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
|
|
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
|
|
</script>
|
|
<!--main-->
|
|
<?//php get_sidebar(); ?>
|
|
|
|
<div id="footer">© 2013-2021 support@photopea.com</div>
|
|
</div> <!--page-->
|
|
</body>
|
|
</html> |