CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Image tracing - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"c6f85d06-3418-449f-9686-c53e32c112dc","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Image_tracing","wgTitle":"Image tracing","wgCurRevisionId":1233591853,"wgRevisionId":1233591853,"wgArticleId":2815915,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Articles with short description","Short description matches Wikidata","Wikipedia articles in need of updating from May 2023","All Wikipedia articles in need of updating","Wikipedia introduction cleanup from April 2023","All pages needing cleanup","Articles covered by WikiProject Wikify from April 2023","All articles covered by WikiProject Wikify","Articles with multiple maintenance issues","Computer graphics"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en", "wgPageContentModel":"wikitext","wgRelevantPageName":"Image_tracing","wgRelevantArticleId":2815915,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgRedirectedFrom":"Raster_to_vector","wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":20000,"wgInternalRedirectTargetUrl":"/wiki/Image_tracing","wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true, "wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q265186","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","mediawiki.page.gallery.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["mediawiki.action.view.redirect", "ext.cite.ux-enhancements","mediawiki.page.gallery","mediawiki.page.media","ext.scribunto.logs","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cmediawiki.page.gallery.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Image tracing - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/Image_tracing"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Image_tracing&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/Image_tracing"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Image_tracing rootpage-Image_tracing skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Image+tracing" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Image+tracing" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Image+tracing" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Image+tracing" title="You're encouraged to log in; however, it's not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Background" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Background"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Background</span> </div> </a> <ul id="toc-Background-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Process" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Process"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Process</span> </div> </a> <button aria-controls="toc-Process-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Process subsection</span> </button> <ul id="toc-Process-sublist" class="vector-toc-list"> <li id="toc-Manual" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Manual"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Manual</span> </div> </a> <ul id="toc-Manual-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Automatic" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Automatic"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Automatic</span> </div> </a> <ul id="toc-Automatic-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Options" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Options"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Options</span> </div> </a> <ul id="toc-Options-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Example" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Example"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Example</span> </div> </a> <ul id="toc-Example-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Usage_domains" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Usage_domains"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Usage domains</span> </div> </a> <button aria-controls="toc-Usage_domains-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Usage domains subsection</span> </button> <ul id="toc-Usage_domains-sublist" class="vector-toc-list"> <li id="toc-Continuous_tone_images" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Continuous_tone_images"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Continuous tone images</span> </div> </a> <ul id="toc-Continuous_tone_images-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Further_reading" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Further_reading"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Further reading</span> </div> </a> <ul id="toc-Further_reading-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#External_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>External links</span> </div> </a> <ul id="toc-External_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Image tracing</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 7 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-7" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">7 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Raster_u_vektor" title="Raster u vektor – Bosnian" lang="bs" hreflang="bs" data-title="Raster u vektor" data-language-autonym="Bosanski" data-language-local-name="Bosnian" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Vektorisierung_(Grafik)" title="Vektorisierung (Grafik) – German" lang="de" hreflang="de" data-title="Vektorisierung (Grafik)" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%92%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%98%D0%B0" title="Векторизација – Macedonian" lang="mk" hreflang="mk" data-title="Векторизација" data-language-autonym="Македонски" data-language-local-name="Macedonian" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E3%83%99%E3%82%AF%E3%83%88%E3%83%AB%E5%8C%96" title="ベクトル化 – Japanese" lang="ja" hreflang="ja" data-title="ベクトル化" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Wektoryzacja" title="Wektoryzacja – Polish" lang="pl" hreflang="pl" data-title="Wektoryzacja" data-language-autonym="Polski" data-language-local-name="Polish" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_(%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0)" title="Векторизация (графика) – Russian" lang="ru" hreflang="ru" data-title="Векторизация (графика)" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D1%96%D1%8F_(%D0%BE%D0%B1%D1%80%D0%BE%D0%B1%D0%BA%D0%B0_%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D1%8C)" title="Векторизація (обробка зображень) – Ukrainian" lang="uk" hreflang="uk" data-title="Векторизація (обробка зображень)" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target"><span>Українська</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q265186#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Image_tracing" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:Image_tracing" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Image_tracing"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Image_tracing&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Image_tracing&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Image_tracing"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Image_tracing&action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Image_tracing&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Image_tracing" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Image_tracing" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Image_tracing&oldid=1233591853" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Image_tracing&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=Image_tracing&id=1233591853&wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FImage_tracing"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FImage_tracing"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Image_tracing&action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Image_tracing&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q265186" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><span class="mw-redirectedfrom">(Redirected from <a href="/w/index.php?title=Raster_to_vector&redirect=no" class="mw-redirect" title="Raster to vector">Raster to vector</a>)</span></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Conversion of raster graphics into vector graphics</div> <style data-mw-deduplicate="TemplateStyles:r1251242444">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><style data-mw-deduplicate="TemplateStyles:r1248332772">.mw-parser-output .multiple-issues-text{width:95%;margin:0.2em 0}.mw-parser-output .multiple-issues-text>.mw-collapsible-content{margin-top:0.3em}.mw-parser-output .compact-ambox .ambox{border:none;border-collapse:collapse;background-color:transparent;margin:0 0 0 1.6em!important;padding:0!important;width:auto;display:block}body.mediawiki .mw-parser-output .compact-ambox .ambox.mbox-small-left{font-size:100%;width:auto;margin:0}.mw-parser-output .compact-ambox .ambox .mbox-text{padding:0!important;margin:0!important}.mw-parser-output .compact-ambox .ambox .mbox-text-span{display:list-item;line-height:1.5em;list-style-type:disc}body.skin-minerva .mw-parser-output .multiple-issues-text>.mw-collapsible-toggle,.mw-parser-output .compact-ambox .ambox .mbox-image,.mw-parser-output .compact-ambox .ambox .mbox-imageright,.mw-parser-output .compact-ambox .ambox .mbox-empty-cell,.mw-parser-output .compact-ambox .hide-when-compact{display:none}</style><table class="box-Multiple_issues plainlinks metadata ambox ambox-content ambox-multiple_issues compact-ambox" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/40px-Ambox_important.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/60px-Ambox_important.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/b/b4/Ambox_important.svg/80px-Ambox_important.svg.png 2x" data-file-width="40" data-file-height="40" /></span></span></div></td><td class="mbox-text"><div class="mbox-text-span"><div class="multiple-issues-text mw-collapsible"><b>This article has multiple issues.</b> Please help <b><a href="/wiki/Special:EditPage/Image_tracing" title="Special:EditPage/Image tracing">improve it</a></b> or discuss these issues on the <b><a href="/wiki/Talk:Image_tracing" title="Talk:Image tracing">talk page</a></b>. <small><i>(<a href="/wiki/Help:Maintenance_template_removal" title="Help:Maintenance template removal">Learn how and when to remove these messages</a>)</i></small> <div class="mw-collapsible-content"> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1251242444"><table class="box-Update plainlinks metadata ambox ambox-content ambox-Update" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/42px-Ambox_current_red_Americas.svg.png" decoding="async" width="42" height="34" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/63px-Ambox_current_red_Americas.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/84px-Ambox_current_red_Americas.svg.png 2x" data-file-width="360" data-file-height="290" /></span></span></div></td><td class="mbox-text"><div class="mbox-text-span">This article needs to be <b>updated</b>.<span class="hide-when-compact"> Please help update this article to reflect recent events or newly available information.</span> <span class="date-container"><i>(<span class="date">May 2023</span>)</i></span></div></td></tr></tbody></table> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1251242444"><table class="box-Lead_too_short plainlinks metadata ambox ambox-content ambox-lead_too_short" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><a href="/wiki/File:Wiki_letter_w.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/en/thumb/6/6c/Wiki_letter_w.svg/40px-Wiki_letter_w.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/6/6c/Wiki_letter_w.svg/60px-Wiki_letter_w.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/6/6c/Wiki_letter_w.svg/80px-Wiki_letter_w.svg.png 2x" data-file-width="44" data-file-height="44" /></a></span></div></td><td class="mbox-text"><div class="mbox-text-span">This article's <a href="/wiki/Wikipedia:Manual_of_Style/Lead_section#Length" title="Wikipedia:Manual of Style/Lead section">lead section</a> <b>may be too short to adequately <a href="/wiki/Wikipedia:Summary_style" title="Wikipedia:Summary style">summarize</a> the key points</b>.<span class="hide-when-compact"> Please consider expanding the lead to <a href="/wiki/Wikipedia:Manual_of_Style/Lead_section#Provide_an_accessible_overview" title="Wikipedia:Manual of Style/Lead section">provide an accessible overview</a> of all important aspects of the article.</span> <span class="date-container"><i>(<span class="date">April 2023</span>)</i></span></div></td></tr></tbody></table> </div> </div><span class="hide-when-compact"><i> (<small><a href="/wiki/Help:Maintenance_template_removal" title="Help:Maintenance template removal">Learn how and when to remove this message</a></small>)</i></span></div></td></tr></tbody></table> <p>In <a href="/wiki/Computer_graphics" title="Computer graphics">computer graphics</a>, <b>image tracing</b>, <b>raster-to-vector conversion</b> or <b>raster vectorization</b> is the conversion of <a href="/wiki/Raster_graphics" title="Raster graphics">raster graphics</a> into <a href="/wiki/Vector_graphics" title="Vector graphics">vector graphics</a>. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Background">Background</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=1" title="Edit section: Background"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Bitmap_VS_SVG.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/300px-Bitmap_VS_SVG.svg.png" decoding="async" width="300" height="192" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/450px-Bitmap_VS_SVG.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Bitmap_VS_SVG.svg/600px-Bitmap_VS_SVG.svg.png 2x" data-file-width="512" data-file-height="327" /></a><figcaption>This image illustrates the difference between bitmap and vector images. The bitmap image is composed of a fixed set of pixels, while the vector image is composed of a fixed set of shapes. In the picture, scaling the bitmap reveals the pixels while scaling the vector image preserves the shapes.</figcaption></figure> <p>An image does not have any structure: it is just a collection of marks on paper, grains in film, or pixels in a <a href="/wiki/Bitmap" title="Bitmap">bitmap</a>. While such an image is useful, it has some limits. If the image is magnified enough, its artifacts appear. The halftone dots, film grains, and pixels become apparent. Images of sharp edges become fuzzy or jagged. See, for example, <a href="/wiki/Pixelation" title="Pixelation">pixelation</a>. Ideally, a vector image does not have the same problem. Edges and filled areas are represented as mathematical curves or gradients, and they can be magnified arbitrarily (though of course the final image must also be <a href="/wiki/Rasterization" class="mw-redirect" title="Rasterization">rasterized</a> in to be rendered, and its quality depends on the quality of the rasterization algorithm for the given inputs). </p><p>The task in vectorization is to convert a two-dimensional image into a two-dimensional vector representation of the image. It is not examining the image and attempting to recognize or extract a three-dimensional model that may be depicted; i.e. it is not a <a href="/wiki/Computer_vision" title="Computer vision">vision system</a>. For most applications, vectorization also does not involve <a href="/wiki/Optical_character_recognition" title="Optical character recognition">optical character recognition</a>; characters are treated as lines, curves, or filled objects without attaching any significance to them. In vectorization, the shape of the character is preserved, so artistic embellishments remain. </p><p>Vectorization is the inverse operation corresponding to <a href="/wiki/Rasterization" class="mw-redirect" title="Rasterization">rasterization</a>, as <a href="/wiki/Integral" title="Integral">integration</a> is to <a href="/wiki/Derivative" title="Derivative">differentiation</a>. And, just as with these other two operations, while rasterization is fairly straightforward and algorithmic, vectorization involves the reconstruction of lost information and therefore requires <a href="/wiki/Heuristic" title="Heuristic">heuristic</a> methods. </p><p>Synthetic images such as maps, cartoons, logos, clip art, and technical drawings are suitable for vectorization. Those images could have been originally made as vector images because they are based on geometric shapes or drawn with simple curves. </p><p>Continuous tone photographs (such as live portraits) are not good candidates for vectorization. </p><p>The input to vectorization is an image, but an image may come in many forms such as a photograph, a drawing on paper, or one of several <a href="/wiki/Image_file_formats#Raster_formats" class="mw-redirect" title="Image file formats">raster file formats</a>. Programs that do raster-to-vector conversion may accept bitmap formats such as <a href="/wiki/Tagged_Image_File_Format" class="mw-redirect" title="Tagged Image File Format">TIFF</a>, <a href="/wiki/BMP_file_format" title="BMP file format">BMP</a> and <a href="/wiki/Portable_Network_Graphics" class="mw-redirect" title="Portable Network Graphics">PNG</a>. </p><p>The output is a <a href="/wiki/Image_file_formats#Vector_formats" class="mw-redirect" title="Image file formats">vector file format</a>. Common vector formats are <a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a>, <a href="/wiki/AutoCAD_DXF" title="AutoCAD DXF">DXF</a>, <a href="/wiki/Encapsulated_PostScript" title="Encapsulated PostScript">EPS</a>, <a href="/wiki/Enhanced_Metafile_Format" class="mw-redirect" title="Enhanced Metafile Format">EMF</a> and <a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">AI</a>. </p><p>Vectorization can be used to update images or recover work. Personal computers often come with a simple paint program that produces a bitmap output file. These programs allow users to make simple illustrations by adding text, drawing outlines, and filling outlines with a specific color. Only the results of these operations (the pixels) are saved in the resulting bitmap; the drawing and filling operations are discarded. Vectorization can be used to recapture some of the information that was lost. </p><p>Vectorization is also used to recover information that was originally in a vector format but has been lost or has become unavailable. A company may have commissioned a logo from a graphic arts firm. Although the graphics firm used a vector format, the client company may not have received a copy of that format. The company may then acquire a vector format by scanning and vectorizing a paper copy of the logo. </p> <div class="mw-heading mw-heading2"><h2 id="Process">Process</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=2" title="Edit section: Process"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Mad_scientist_caricature.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Mad_scientist_caricature.png/220px-Mad_scientist_caricature.png" decoding="async" width="220" height="206" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Mad_scientist_caricature.png/330px-Mad_scientist_caricature.png 1.5x, //upload.wikimedia.org/wikipedia/commons/6/6b/Mad_scientist_caricature.png 2x" data-file-width="342" data-file-height="320" /></a><figcaption>Original PNG file (16 kB)</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Mad_scientist.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Mad_scientist.svg/220px-Mad_scientist.svg.png" decoding="async" width="220" height="206" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Mad_scientist.svg/330px-Mad_scientist.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Mad_scientist.svg/440px-Mad_scientist.svg.png 2x" data-file-width="684" data-file-height="640" /></a><figcaption>Hand converted to SVG (47 kB)</figcaption></figure> <p>Vectorization starts with an image. </p> <div class="mw-heading mw-heading3"><h3 id="Manual">Manual</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=3" title="Edit section: Manual"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The image can be vectorized manually. A person could look at the image, make some measurements, and then write the output file by hand. That was the case for the vectorization of a technical illustration about neutrinos. The illustration has a few geometric shapes and a lot of text; it was relatively easy to convert the shapes, and the SVG vector format allows the text (even subscripts and superscripts) to be entered easily. </p><p>The original image did not have any curves (except for the text), so the conversion is straightforward. Curves make the conversion more complicated. Manual vectorization of complicated shapes can be facilitated by the tracing function built into some <a href="/wiki/Vector_graphics_editor" title="Vector graphics editor">vector graphics editing programs</a>. </p><p>If the image is not yet in machine readable form, then it has to be scanned into a usable file format. </p><p>Once there is a machine-readable bitmap, the image can be imported into a <a href="/wiki/Comparison_of_vector_graphics_editors" title="Comparison of vector graphics editors">graphics editing program</a> (such as <a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a>, <a href="/wiki/CorelDRAW" title="CorelDRAW">CorelDRAW</a>, or <a href="/wiki/Inkscape" title="Inkscape">Inkscape</a>). Then a person can manually trace the elements of the image using the program's editing features. Curves in the original image can be approximated with lines, arcs, and Bézier curves. An illustration program allows spline knots to be adjusted for a close fit. Manual vectorization is possible, but it can be tedious. </p><p>Although graphics drawing programs have been around for a long time, artists may find the freehand drawing facilities awkward even when a drawing tablet is used. Instead of using a program, Pepper recommends making an initial sketch on paper. Instead of scanning the sketch and tracing it freehand in the computer, Pepper states: "Those proficient with a graphic tablet and stylus could make the following changes directly in CorelDRAW by using a scan of the sketch as an underlay and drawing over it. I prefer to use pen and ink, and a light table"; most of the final image was traced by hand in ink. Later the line-drawing image was scanned at 600 dpi, cleaned up in a paint program, and then automatically traced with a program.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Once the black and white image was in the graphics program, some other elements were added and the figure was colored. </p><p>Similarly, Ploch recreated a design from a digital photograph. The JPEG was imported and some "basic shapes" were traced by hand and colored in the graphics drawing program; more complex shapes were handled differently. Ploch used a bitmap editor to remove the background and crop the more complex image components. He then printed the image and traced it by hand onto tracing paper to get a clean black and white line drawing. That drawing was scanned and then vectorized with a program.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="Automatic">Automatic</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=4" title="Edit section: Automatic"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Some programs automate the vectorization process. Example programs are <a href="/wiki/Adobe_Streamline" title="Adobe Streamline">Adobe Streamline</a> (discontinued), Corel's PowerTRACE, and <a href="/wiki/Potrace" title="Potrace">Potrace</a>. Some of these programs have a command line interface while others are interactive that allow the user to adjust the conversion settings and view the result. Adobe Streamline is not only an interactive program, but it also allows a user to manually edit the input bitmap and the output curves. Corel's PowerTRACE is accessed through CorelDRAW; CorelDRAW can be used to modify the input bitmap and edit the output curves. Adobe Illustrator has a facility to trace individual curves.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> </p><p>Automated programs can have mixed results. A program (PowerTRACE) was used to convert a PNG map to SVG. The program did a good job on the map boundaries (the most tedious task in the tracing) and the settings dropped out all the text (small objects). The text was manually re-inserted. </p> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:StrekenProvincieUtrecht.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/StrekenProvincieUtrecht.png/320px-StrekenProvincieUtrecht.png" decoding="async" width="320" height="231" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d6/StrekenProvincieUtrecht.png/480px-StrekenProvincieUtrecht.png 1.5x, //upload.wikimedia.org/wikipedia/commons/d/d6/StrekenProvincieUtrecht.png 2x" data-file-width="541" data-file-height="390" /></a><figcaption>Map in PNG format (13 kB)</figcaption></figure> <figure class="mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:StrekenProvincieUtrecht1.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/3/30/StrekenProvincieUtrecht1.svg/320px-StrekenProvincieUtrecht1.svg.png" decoding="async" width="320" height="230" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/30/StrekenProvincieUtrecht1.svg/480px-StrekenProvincieUtrecht1.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/30/StrekenProvincieUtrecht1.svg/640px-StrekenProvincieUtrecht1.svg.png 2x" data-file-width="512" data-file-height="368" /></a><figcaption>Map after automated conversion and touch up to re-add the labels and adjust colors (18 kB)</figcaption></figure> <p>Other conversions may not go as well. The results depend on having high-quality scans, reasonable settings, and good algorithms. </p><p>Scanned images often have a lot of noise. The bitmap image may need a lot of work to clean it up. Erase stray marks and fill in lines and areas. </p><p>Corel advice: Put the image on a light table, cover it with <a href="/wiki/Vellum" title="Vellum">vellum</a> (<a href="/wiki/Tracing_paper" title="Tracing paper">tracing paper</a>), and then manually ink the desired outlines. Then scan the vellum and use an automated raster-to-vector conversion program on that scan. </p> <div class="mw-heading mw-heading2"><h2 id="Options">Options</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=5" title="Edit section: Options"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Lines_on_Vellum_600dpi.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Lines_on_Vellum_600dpi.png/440px-Lines_on_Vellum_600dpi.png" decoding="async" width="440" height="142" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Lines_on_Vellum_600dpi.png/660px-Lines_on_Vellum_600dpi.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/96/Lines_on_Vellum_600dpi.png/880px-Lines_on_Vellum_600dpi.png 2x" data-file-width="2811" data-file-height="904" /></a><figcaption>Although these lines may look solid, they are far from perfect. The lines were drawn on <a href="/wiki/Vellum" title="Vellum">vellum</a> with a fountain pen, a 0.7 mm gel pen, and a 0.5 mm HB pencil. The images were scanned at 600 pixels per inch with 24-bit RGB. The line widths end up being 10 to 14 pixels wide. The ink colors are not uniform and have <a href="/wiki/Specular_reflection" title="Specular reflection">specular reflections</a> that put light pixels within the lines. The pencil lines also have interior defects due to the roughness (tooth) of the paper. The scan also has some <a href="/wiki/Unsharp_masking" title="Unsharp masking">unsharp masking</a> artifacts.</figcaption></figure> <p>There are many different image styles and possibilities, and no single vectorization method works well on all images. Consequently, vectorization programs have many options that influence the result. </p><p>One issue is what the predominant shapes are. If the image is of a fill-in form, then it will probably have just vertical and horizontal lines of a constant width. The program's vectorization should take that into account. On the other hand, a CAD drawing may have lines at any angle, there may be curved lines, and there may be several line weights (thick for objects and thin for dimension lines). Instead of (or in addition to) curves, the image may contain outlines filled with the same color. Adobe Streamline allows users to select a combination of line recognition (horizontal and vertical lines), centerline recognition, or outline recognition.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> Streamline also allows small outline shapes to be thrown out; the notion is such small shapes are noise.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> The user may set the noise level between 0 and 1000; an outline that has fewer pixels than that setting is discarded. </p><p>Another issue is the number of colors in the image. Even images that were created as black on white drawings may end up with many shades of gray. Some line-drawing routines employ anti-aliasing; a pixel completely covered by the line will be black, but a pixel that is only partially covered will be gray. If the original image is on paper and is scanned, there is a similar result: edge pixels will be gray. Sometimes images are compressed (e.g., JPEG images), and the compression will introduce gray levels. </p><p>Many of the vectorization programs will group same-color pixels into lines, curves, or outlined shapes. If each possible color is grouped into its object, there can be an enormous number of objects. Instead, the user is asked to select a finite number of colors (usually less than 256), the image is reduced to using that many colors (this step is <a href="/wiki/Color_quantization" title="Color quantization">color quantization</a>), and then the vectorization is done on the reduced image.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> For continuous tone images such as photographs, the result of color quantization is <a href="/wiki/Posterization" title="Posterization">posterization</a>. Gradient fills will also be posterized.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> </p><p>Reducing the number of colors in an image is often aided by a histogram. The most common colors may be selected as the representatives, and other colors are mapped to their closest representative. When the number of colors is set to two, the user may be asked to make threshold and contrast settings.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> A contrast setting looks for significant changes in pixel color rather than a particular color; consequently, it may ignore the gradual color variations in a <a href="/wiki/Color_gradient" title="Color gradient">gradient fill</a>. Once the outline has been extracted, the user can manually reintroduce the gradient fill. </p><p>The vectorization program will want to group a region of the same color into a single object. It can do that by making the region boundary exactly follow the pixel boundaries, but the result will be a boundary of often short orthogonal lines. The resulting conversion will also have the same pixelation problems that a bitmap has when it is magnified. Instead, the vectorization program needs to approximate the region boundary with lines and curves that closely follow the pixel boundaries but are not exactly the pixel boundaries. A tolerance parameter tells the program how closely it should follow the pixel boundaries.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> </p><p>The end result of many vectorization programs are curves consisting of cubic <a href="/wiki/B%C3%A9zier_curve" title="Bézier curve">Bézier curves</a>. A region boundary is approximated with several curve segments. To keep a curve smooth, the joints of two curves are constrained so the tangents match. One problem is determining where a curve bends so sharply that it should not be smooth.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> The smooth portions of a curve are then approximated with a Bézier curve fitting procedure. Successive division may be used. Such a fitting procedure tries to fit the curve with a single cubic curve; if the fit is acceptable, then the procedure stops. Otherwise, it selects some advantageous point along the curve and breaks the curve into two parts. It then fits the parts while keeping the joint tangent. If the fit is still unacceptable, then it breaks the curve into more parts.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> </p><p>Some vectorizers are standalone programs, but many have interactive interfaces that allow a user to adjust the program parameters and quickly see the result. PowerTRACE, for example, can display the original image and preview the converted image so the user may compare them; the program also reports information such as the number of curves.<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Example">Example</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=6" title="Edit section: Example"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul class="gallery mw-gallery-packed" style="text-align:left"> <li class="gallerybox" style="width: 243.33333333333px"> <div class="thumb" style="width: 241.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Radula_diagram3.png" class="mw-file-description" title="Original artwork in PNG format; 115 kB."><img alt="Original artwork in PNG format; 115 kB." src="//upload.wikimedia.org/wikipedia/commons/thumb/4/45/Radula_diagram3.png/362px-Radula_diagram3.png" decoding="async" width="242" height="400" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/4/45/Radula_diagram3.png 1.5x" data-file-width="531" data-file-height="879" /></a></span></div> <div class="gallerytext">Original artwork in PNG format; 115 kB.</div> </li> <li class="gallerybox" style="width: 244px"> <div class="thumb" style="width: 242px;"><span typeof="mw:File"><a href="/wiki/File:Radula_diagram3_traced.svg" class="mw-file-description" title="Traced with PowerTRACE using detailed logo, smoothing 40, detail +2.5; result: 50 colors, 94 curves, 2452 nodes, 96 kB."><img alt="Traced with PowerTRACE using detailed logo, smoothing 40, detail +2.5; result: 50 colors, 94 curves, 2452 nodes, 96 kB." src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Radula_diagram3_traced.svg/363px-Radula_diagram3_traced.svg.png" decoding="async" width="242" height="400" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Radula_diagram3_traced.svg/545px-Radula_diagram3_traced.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Radula_diagram3_traced.svg/726px-Radula_diagram3_traced.svg.png 2x" data-file-width="319" data-file-height="527" /></a></span></div> <div class="gallerytext">Traced with PowerTRACE using detailed logo, smoothing 40, detail +2.5; result: 50 colors, 94 curves, 2452 nodes, 96 kB.</div> </li> </ul> <p>On the right is an illustration showing the operation of the <a href="/wiki/Radula" title="Radula">radula</a> in mollusks. The upper portion is mostly a one-pen-width filled outline diagram, but it has a mesh gradient fill along the bottom of the shell and along the bottom of the food. It also has some artistic brushes on the upper left of the shell. The bottom portion of the illustration has four line weights and some small characters; the color fill is simple except for a gradient at the jagged lines. </p><p>The 531×879 pixel image was traced; 50 colors were used. Most (if not all) lines were lost; they were turned into black regions, and their effective line widths varied. The black outline around the blue food in the upper part disappeared. The gradient fills and brushed spots were lost to color quantization/posterization; some brush spots disappeared. Some letters survived the vectorization with distortion, but most letters were discarded. Losing the letters is not a big issue; post conversion editing would want to delete the annotation and replace it with text rather than curves. Thin lines crossing at a shallow angle made filled regions, and intersecting outlines of filled regions became confused; see lower right corner. The tracing also has some odd features. Many black outlines touch, so they become large, complicated, objects rather than just outlines for specific regions. Instead of just a background, a rectangular white region separates the two outlined rectangles. The objects labeled <i>op</i>, <i>rp</i>, and <i>rr</i> are not simple layered shapes; the desired result would have <i>rr</i> overlaid by <i>rp</i> which is overlaid by <i>op</i>. </p> <div class="mw-heading mw-heading2"><h2 id="Usage_domains">Usage domains</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=7" title="Edit section: Usage domains"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li>In <a href="/wiki/Computer-aided_design" title="Computer-aided design">computer-aided design</a> (CAD) drawings (<a href="/wiki/Blueprint" title="Blueprint">blueprints</a> etc.) are scanned, vectorized, and written as CAD files in a process called <i>paper-to-CAD conversion</i> or <i>drawing conversion</i>.</li> <li>In <a href="/wiki/Geographic_information_system" title="Geographic information system">geographic information systems</a> (GIS) satellite or aerial images are vectorized to create <a href="/wiki/Geographical_map" class="mw-redirect" title="Geographical map">maps</a>.</li> <li>In <a href="/wiki/Graphic_design" title="Graphic design">graphic design</a> and <a href="/wiki/Photography" title="Photography">photography</a>, graphics can be vectorized for easier usage and resizing.</li> <li>Vectorization is often the first step in <a href="/wiki/Optical_Character_Recognition" class="mw-redirect" title="Optical Character Recognition">OCR</a> solutions for handwritten text or <a href="/wiki/Signature" title="Signature">signatures</a>.</li></ul> <p>Vectorization is effective on single colored, nongradient input data, like signatures. </p> <ul class="gallery mw-gallery-packed" style="text-align:left"> <li class="gallerybox" style="width: 328.66666666667px"> <div class="thumb" style="width: 326.66666666667px;"><span typeof="mw:File"><a href="/wiki/File:Firma-colon.JPG" class="mw-file-description" title="Signature of Christopher Columbus as JPEG image (1,308 × 481 pixel), 63 kB"><img alt="Signature of Christopher Columbus as JPEG image (1,308 × 481 pixel), 63 kB" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Firma-colon.JPG/490px-Firma-colon.JPG" decoding="async" width="327" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Firma-colon.JPG/735px-Firma-colon.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Firma-colon.JPG/979px-Firma-colon.JPG 2x" data-file-width="1308" data-file-height="481" /></a></span></div> <div class="gallerytext">Signature of <a href="/wiki/Christopher_Columbus" title="Christopher Columbus">Christopher Columbus</a> as <a href="/wiki/JPEG" title="JPEG">JPEG</a> image (1,308 × 481 pixel), 63 <a href="/wiki/Kilobyte" title="Kilobyte">kB</a></div> </li> <li class="gallerybox" style="width: 328px"> <div class="thumb" style="width: 326px;"><span typeof="mw:File"><a href="/wiki/File:Columbus_Signature.svg" class="mw-file-description" title="Vectorized two-color (black & white) variant of the signature of Christopher Columbus, 19 kB"><img alt="Vectorized two-color (black & white) variant of the signature of Christopher Columbus, 19 kB" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Columbus_Signature.svg/489px-Columbus_Signature.svg.png" decoding="async" width="326" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Columbus_Signature.svg/734px-Columbus_Signature.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Columbus_Signature.svg/978px-Columbus_Signature.svg.png 2x" data-file-width="785" data-file-height="289" /></a></span></div> <div class="gallerytext">Vectorized two-color (black & white) variant of the signature of <a href="/wiki/Christopher_Columbus" title="Christopher Columbus">Christopher Columbus</a>, 19 kB</div> </li> </ul> <div class="mw-heading mw-heading3"><h3 id="Continuous_tone_images">Continuous tone images</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=8" title="Edit section: Continuous tone images"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Vectorization is usually inappropriate for continuous tone images such as portraits. The result is often poor. For example, many different image tracing algorithms were applied to a 25 kB JPEG image. The resulting vector images are at least a factor of ten larger and may have pronounced posterization effects when a small number of colors are used. </p> <ul class="gallery mw-gallery-packed" style="text-align:left"> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Silversmith.jpg" class="mw-file-description" title="A photograph in JPEG format, 25 KB"><img alt="A photograph in JPEG format, 25 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/41/Silversmith.jpg/224px-Silversmith.jpg" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/41/Silversmith.jpg/335px-Silversmith.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/41/Silversmith.jpg/447px-Silversmith.jpg 2x" data-file-width="610" data-file-height="818" /></a></span></div> <div class="gallerytext">A photograph in <a href="/wiki/JPEG" title="JPEG">JPEG</a> format, 25 KB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:SilversmithRaveGrid.svg" class="mw-file-description" title="The photograph at left vectorized with RaveGrid, 1.64 MB"><img alt="The photograph at left vectorized with RaveGrid, 1.64 MB" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/SilversmithRaveGrid.svg/224px-SilversmithRaveGrid.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f5/SilversmithRaveGrid.svg/335px-SilversmithRaveGrid.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f5/SilversmithRaveGrid.svg/447px-SilversmithRaveGrid.svg.png 2x" data-file-width="610" data-file-height="818" /></a></span></div> <div class="gallerytext">The photograph at left vectorized with <i>RaveGrid</i>, 1.64 MB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Silversmith-autotrace.svg" class="mw-file-description" title="Same photograph vectorized with AutoTrace in the Delineate GUI, 677 KB"><img alt="Same photograph vectorized with AutoTrace in the Delineate GUI, 677 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Silversmith-autotrace.svg/224px-Silversmith-autotrace.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Silversmith-autotrace.svg/336px-Silversmith-autotrace.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Silversmith-autotrace.svg/447px-Silversmith-autotrace.svg.png 2x" data-file-width="746" data-file-height="1000" /></a></span></div> <div class="gallerytext">Same photograph vectorized with <a href="/wiki/Comparison_of_raster-to-vector_conversion_software#autotrace" title="Comparison of raster-to-vector conversion software">AutoTrace</a> in the Delineate GUI, 677 KB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Silversmith-inkscape.svg" class="mw-file-description" title="Same photograph vectorized with Inkscape's "Trace Bitmap" function, based on potrace, 1.05 MB"><img alt="Same photograph vectorized with Inkscape's "Trace Bitmap" function, based on potrace, 1.05 MB" src="//upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Silversmith-inkscape.svg/224px-Silversmith-inkscape.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Silversmith-inkscape.svg/335px-Silversmith-inkscape.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Silversmith-inkscape.svg/447px-Silversmith-inkscape.svg.png 2x" data-file-width="610" data-file-height="818" /></a></span></div> <div class="gallerytext">Same photograph vectorized with <a href="/wiki/Inkscape" title="Inkscape">Inkscape</a>'s "Trace Bitmap" function, based on <a href="/wiki/Potrace" title="Potrace">potrace</a>, 1.05 MB</div> </li> <li class="gallerybox" style="width: 150.66666666667px"> <div class="thumb" style="width: 148.66666666667px;"><span typeof="mw:File"><a href="/wiki/File:Silversmith-scan2cad.svg" class="mw-file-description" title="Same photograph vectorized with Scan2CAD, 340 KB"><img alt="Same photograph vectorized with Scan2CAD, 340 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/29/Silversmith-scan2cad.svg/223px-Silversmith-scan2cad.svg.png" decoding="async" width="149" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/29/Silversmith-scan2cad.svg/335px-Silversmith-scan2cad.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/29/Silversmith-scan2cad.svg/447px-Silversmith-scan2cad.svg.png 2x" data-file-width="718" data-file-height="964" /></a></span></div> <div class="gallerytext">Same photograph vectorized with <a href="/wiki/Scan2CAD" title="Scan2CAD">Scan2CAD</a>, 340 KB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:SilversmithVectormagic-high-12colors.svg" class="mw-file-description" title="Vectormagic, 12 colors, 369 KB"><img alt="Vectormagic, 12 colors, 369 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/SilversmithVectormagic-high-12colors.svg/224px-SilversmithVectormagic-high-12colors.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/SilversmithVectormagic-high-12colors.svg/336px-SilversmithVectormagic-high-12colors.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ec/SilversmithVectormagic-high-12colors.svg/447px-SilversmithVectormagic-high-12colors.svg.png 2x" data-file-width="763" data-file-height="1023" /></a></span></div> <div class="gallerytext"><i>Vectormagic</i>, 12 colors, 369 KB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:SilversmithVectormagic-high-unlimitedcolors.svg" class="mw-file-description" title="Vectormagic, all colors, 744 KB"><img alt="Vectormagic, all colors, 744 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/54/SilversmithVectormagic-high-unlimitedcolors.svg/224px-SilversmithVectormagic-high-unlimitedcolors.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/54/SilversmithVectormagic-high-unlimitedcolors.svg/336px-SilversmithVectormagic-high-unlimitedcolors.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/54/SilversmithVectormagic-high-unlimitedcolors.svg/447px-SilversmithVectormagic-high-unlimitedcolors.svg.png 2x" data-file-width="763" data-file-height="1023" /></a></span></div> <div class="gallerytext"><i>Vectormagic</i>, all colors, 744 KB</div> </li> <li class="gallerybox" style="width: 151.33333333333px"> <div class="thumb" style="width: 149.33333333333px;"><span typeof="mw:File"><a href="/wiki/File:Silversmith_vectorized12.svg" class="mw-file-description" title="Super Vectorizer, 12 colors, 225 KB"><img alt="Super Vectorizer, 12 colors, 225 KB" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Silversmith_vectorized12.svg/224px-Silversmith_vectorized12.svg.png" decoding="async" width="150" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Silversmith_vectorized12.svg/336px-Silversmith_vectorized12.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Silversmith_vectorized12.svg/447px-Silversmith_vectorized12.svg.png 2x" data-file-width="763" data-file-height="1023" /></a></span></div> <div class="gallerytext"><i>Super Vectorizer</i>, 12 colors, 225 KB</div> </li> </ul> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=9" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Rasterisation" title="Rasterisation">Rasterization</a></li> <li><a href="/wiki/CAD_data_exchange" title="CAD data exchange">CAD data exchange</a></li> <li><a href="/wiki/Comparison_of_raster-to-vector_conversion_software" title="Comparison of raster-to-vector conversion software">Comparison of raster-to-vector conversion software</a></li> <li><a href="/wiki/Digitizing" class="mw-redirect" title="Digitizing">Digitizing</a></li> <li><a href="/wiki/Discretization_error" title="Discretization error">Discretization error</a></li> <li><a href="/wiki/Downsampling" class="mw-redirect" title="Downsampling">Downsampling</a></li> <li><a href="/wiki/Feature_detection_(computer_vision)" class="mw-redirect" title="Feature detection (computer vision)">Feature detection (computer vision)</a></li> <li><a href="/wiki/Edge_detection" title="Edge detection">Edge detection</a></li> <li><a href="/wiki/Image_scanner" title="Image scanner">Image scanner</a></li> <li><a href="/wiki/Optical_character_recognition" title="Optical character recognition">Optical character recognition</a></li> <li><a href="/wiki/Quantization_error" class="mw-redirect" title="Quantization error">Quantization error</a></li> <li><a href="/wiki/Subpaving" title="Subpaving">Subpaving</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=10" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist reflist-columns references-column-width" style="column-width: 30em;"> <ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><a href="#CITEREFPepper2005">Pepper 2005</a>, pp. 68–71</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><a href="#CITEREFPloch2005">Ploch 2005</a>, p. 17</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1998">Adobe 1998</a>, pp. 100–101</span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1992">Adobe 1992</a>, p. 39</span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-5">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1992">Adobe 1992</a>, pp. 40–41</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1992">Adobe 1992</a>, p. 53</span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1998">Adobe (1998</a>, pp. 348–350) discusses <a href="/wiki/Colour_banding" title="Colour banding">color banding</a> in gradient fills.</span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1992">Adobe 1992</a>, pp. 54–55</span> </li> <li id="cite_note-9"><span class="mw-cite-backlink"><b><a href="#cite_ref-9">^</a></b></span> <span class="reference-text"><a href="#CITEREFAdobe1992">Adobe 1992</a>, pp. 59–60</span> </li> <li id="cite_note-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-10">^</a></b></span> <span class="reference-text"><a href="#CITEREFItohOhno1993">Itoh & Ohno 1993</a></span> </li> <li id="cite_note-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-11">^</a></b></span> <span class="reference-text"><a href="#CITEREFSchneider1990">Schneider 1990</a></span> </li> <li id="cite_note-12"><span class="mw-cite-backlink"><b><a href="#cite_ref-12">^</a></b></span> <span class="reference-text"><a href="#CITEREFCorel2005">Corel 2005</a>, p. 217</span> </li> </ol></div> <style data-mw-deduplicate="TemplateStyles:r1239549316">.mw-parser-output .refbegin{margin-bottom:0.5em}.mw-parser-output .refbegin-hanging-indents>ul{margin-left:0}.mw-parser-output .refbegin-hanging-indents>ul>li{margin-left:0;padding-left:3.2em;text-indent:-3.2em}.mw-parser-output .refbegin-hanging-indents ul,.mw-parser-output .refbegin-hanging-indents ul li{list-style:none}@media(max-width:720px){.mw-parser-output .refbegin-hanging-indents>ul>li{padding-left:1.6em;text-indent:-1.6em}}.mw-parser-output .refbegin-columns{margin-top:0.3em}.mw-parser-output .refbegin-columns ul{margin-top:0}.mw-parser-output .refbegin-columns li{page-break-inside:avoid;break-inside:avoid-column}@media screen{.mw-parser-output .refbegin{font-size:90%}}</style><div class="refbegin refbegin-columns references-column-width" style="column-width: 30em"> <ul><li><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite id="CITEREFAdobe1992" class="citation cs2">Adobe (1992), <i>Adobe Streamline User Guide</i> (version 3 for Windows ed.), Mountain View, CA: Adobe Systems</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=Adobe+Streamline+User+Guide&rft.place=Mountain+View%2C+CA&rft.edition=version+3+for+Windows&rft.pub=Adobe+Systems&rft.date=1992&rft.au=Adobe&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFAdobe1998" class="citation cs2">Adobe (August 1998), <i>Adobe Illustrator User Guide</i> (version 8.0 ed.), Mountain View, CA: Adobe Systems, 90012366</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=Adobe+Illustrator+User+Guide&rft.place=Mountain+View%2C+CA&rft.edition=version+8.0&rft.pub=Adobe+Systems&rft.date=1998-08&rft.au=Adobe&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFCorel2005" class="citation cs2">Corel (2005), <i>User Guide</i>, CorelDRAW X3 Graphics Suite, Ottawa, ON: Corel Corporation, pp. 213–220</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.btitle=User+Guide&rft.place=Ottawa%2C+ON&rft.series=CorelDRAW+X3+Graphics+Suite&rft.pages=213-220&rft.pub=Corel+Corporation&rft.date=2005&rft.au=Corel&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFPepper2005" class="citation cs2">Pepper, K. N. (2005), "Cartooning with CorelDRAW", in Corel (ed.), <i>CorelDRAW Handbook: Insights from the Experts</i>, CorelDRAW X3 Graphics Suite, Corel Corporation, pp. 64–77</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=bookitem&rft.atitle=Cartooning+with+CorelDRAW&rft.btitle=CorelDRAW+Handbook%3A+Insights+from+the+Experts&rft.series=CorelDRAW+X3+Graphics+Suite&rft.pages=64-77&rft.pub=Corel+Corporation&rft.date=2005&rft.aulast=Pepper&rft.aufirst=K.+N.&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFPloch2005" class="citation cs2">Ploch, Michael (2005), "Re-creating vintage designs on t-shirts", in Corel (ed.), <i>CorelDRAW Handbook: Insights from the Experts</i>, CorelDRAW X3 Graphics Suite, Corel Corporation, pp. 12–23</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=bookitem&rft.atitle=Re-creating+vintage+designs+on+t-shirts&rft.btitle=CorelDRAW+Handbook%3A+Insights+from+the+Experts&rft.series=CorelDRAW+X3+Graphics+Suite&rft.pages=12-23&rft.pub=Corel+Corporation&rft.date=2005&rft.aulast=Ploch&rft.aufirst=Michael&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFSchneider1990" class="citation cs2">Schneider, Philip J. (1990), "An Algorithm for Automatically Fitting Digitized Curves", in Glassner, Andrew S. (ed.), <i>Graphics Gems</i>, Boston, MA: Academic Press, pp. 612–626, <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <a href="/wiki/Special:BookSources/0-12-059756-X" title="Special:BookSources/0-12-059756-X"><bdi>0-12-059756-X</bdi></a></cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=bookitem&rft.atitle=An+Algorithm+for+Automatically+Fitting+Digitized+Curves&rft.btitle=Graphics+Gems&rft.place=Boston%2C+MA&rft.pages=612-626&rft.pub=Academic+Press&rft.date=1990&rft.isbn=0-12-059756-X&rft.aulast=Schneider&rft.aufirst=Philip+J.&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li></ul> </div> <div class="mw-heading mw-heading2"><h2 id="Further_reading">Further reading</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=11" title="Edit section: Further reading"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2">Avrahami, Gideon; <a href="/wiki/Vaughan_Pratt" title="Vaughan Pratt">Pratt, Vaughan</a> (29 November 1991), <a rel="nofollow" class="external text" href="https://books.google.com/books?id=Q9KtGcpfNgUC&dq=%22Sub-pixel+Edge+Detection+in+Character+Digitization%22&pg=PA54">"Sub-pixel Edge Detection in Character Digitization"</a>, in Morris, R.; André, J. (eds.), <i>Raster Imaging and Digital Typography II</i>, Cambridge University Press, pp. 54–64, <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a> <a href="/wiki/Special:BookSources/9780521417648" title="Special:BookSources/9780521417648"><bdi>9780521417648</bdi></a></cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=bookitem&rft.atitle=Sub-pixel+Edge+Detection+in+Character+Digitization&rft.btitle=Raster+Imaging+and+Digital+Typography+II&rft.pages=54-64&rft.pub=Cambridge+University+Press&rft.date=1991-11-29&rft.isbn=9780521417648&rft.aulast=Avrahami&rft.aufirst=Gideon&rft.au=Pratt%2C+Vaughan&rft_id=https%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DQ9KtGcpfNgUC%26dq%3D%2522Sub-pixel%2BEdge%2BDetection%2Bin%2BCharacter%2BDigitization%2522%26pg%3DPA54&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFItohOhno1993" class="citation cs2">Itoh, Koichi; Ohno, Yoshio (September 1993), "A curve fitting algorithm for character fonts", <i>Electronic Publishing</i>, <b>6</b> (3), John Wiley: 195–205, <a href="/wiki/CiteSeerX_(identifier)" class="mw-redirect" title="CiteSeerX (identifier)">CiteSeerX</a> <span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.39.537">10.1.1.39.537</a></span></cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=article&rft.jtitle=Electronic+Publishing&rft.atitle=A+curve+fitting+algorithm+for+character+fonts&rft.volume=6&rft.issue=3&rft.pages=195-205&rft.date=1993-09&rft_id=https%3A%2F%2Fciteseerx.ist.psu.edu%2Fviewdoc%2Fsummary%3Fdoi%3D10.1.1.39.537%23id-name%3DCiteSeerX&rft.aulast=Itoh&rft.aufirst=Koichi&rft.au=Ohno%2C+Yoshio&rfr_id=info%3Asid%2Fen.wikipedia.org%3AImage+tracing" class="Z3988"></span></li></ul> <div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Image_tracing&action=edit&section=12" title="Edit section: External links"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="http://howto.corel.com/index.php/Corel:Taking_Corel_PowerTRACE_for_a_Test_Drive">Taking Corel PowerTRACE for a Test Drive</a></li></ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=Image_tracing&oldid=1233591853">https://en.wikipedia.org/w/index.php?title=Image_tracing&oldid=1233591853</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Category</a>: <ul><li><a href="/wiki/Category:Computer_graphics" title="Category:Computer graphics">Computer graphics</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Articles_with_short_description" title="Category:Articles with short description">Articles with short description</a></li><li><a href="/wiki/Category:Short_description_matches_Wikidata" title="Category:Short description matches Wikidata">Short description matches Wikidata</a></li><li><a href="/wiki/Category:Wikipedia_articles_in_need_of_updating_from_May_2023" title="Category:Wikipedia articles in need of updating from May 2023">Wikipedia articles in need of updating from May 2023</a></li><li><a href="/wiki/Category:All_Wikipedia_articles_in_need_of_updating" title="Category:All Wikipedia articles in need of updating">All Wikipedia articles in need of updating</a></li><li><a href="/wiki/Category:Wikipedia_introduction_cleanup_from_April_2023" title="Category:Wikipedia introduction cleanup from April 2023">Wikipedia introduction cleanup from April 2023</a></li><li><a href="/wiki/Category:All_pages_needing_cleanup" title="Category:All pages needing cleanup">All pages needing cleanup</a></li><li><a href="/wiki/Category:Articles_covered_by_WikiProject_Wikify_from_April_2023" title="Category:Articles covered by WikiProject Wikify from April 2023">Articles covered by WikiProject Wikify from April 2023</a></li><li><a href="/wiki/Category:All_articles_covered_by_WikiProject_Wikify" title="Category:All articles covered by WikiProject Wikify">All articles covered by WikiProject Wikify</a></li><li><a href="/wiki/Category:Articles_with_multiple_maintenance_issues" title="Category:Articles with multiple maintenance issues">Articles with multiple maintenance issues</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 9 July 2024, at 22:14<span class="anonymous-show"> (UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=Image_tracing&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-cdf8n","wgBackendResponseTime":144,"wgPageParseReport":{"limitreport":{"cputime":"0.383","walltime":"0.488","ppvisitednodes":{"value":1203,"limit":1000000},"postexpandincludesize":{"value":35289,"limit":2097152},"templateargumentsize":{"value":6705,"limit":2097152},"expansiondepth":{"value":18,"limit":100},"expensivefunctioncount":{"value":4,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":41634,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 420.798 1 -total"," 31.78% 133.718 8 Template:Citation"," 20.35% 85.631 1 Template:Multiple_issues"," 18.21% 76.637 1 Template:Short_description"," 16.13% 67.867 1 Template:Reflist"," 15.35% 64.595 5 Template:Main_other"," 12.48% 52.529 1 Template:Update"," 12.35% 51.955 2 Template:Ambox"," 11.73% 49.365 2 Template:Pagetype"," 10.60% 44.616 11 Template:Harvnb"]},"scribunto":{"limitreport-timeusage":{"value":"0.216","limit":"10.000"},"limitreport-memusage":{"value":5770016,"limit":52428800},"limitreport-logs":"anchor_id_list = table#1 {\n [\"CITEREFAdobe1992\"] = 1,\n [\"CITEREFAdobe1998\"] = 1,\n [\"CITEREFCorel2005\"] = 1,\n [\"CITEREFItohOhno1993\"] = 1,\n [\"CITEREFPepper2005\"] = 1,\n [\"CITEREFPloch2005\"] = 1,\n [\"CITEREFSchneider1990\"] = 1,\n}\ntemplate_list = table#1 {\n [\"Citation\"] = 8,\n [\"Harvnb\"] = 11,\n [\"Harvtxt\"] = 1,\n [\"Lead too short\"] = 1,\n [\"Multiple issues\"] = 1,\n [\"Refbegin\"] = 1,\n [\"Refend\"] = 1,\n [\"Reflist\"] = 1,\n [\"Short description\"] = 1,\n [\"Update\"] = 1,\n}\narticle_whitelist = table#1 {\n}\n"},"cachereport":{"origin":"mw-api-int.codfw.main-849f99967d-ccccz","timestamp":"20241124170526","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Image tracing","url":"https:\/\/en.wikipedia.org\/wiki\/Image_tracing","sameAs":"http:\/\/www.wikidata.org\/entity\/Q265186","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q265186","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2005-10-02T13:26:57Z","dateModified":"2024-07-09T22:14:58Z","headline":"conversion of raster graphics into vector graphics"}</script> </body> </html>