{"id":13456404,"url":"https://github.com/tomayac/SVGcode","last_synced_at":"2025-03-24T10:32:36.732Z","repository":{"id":38541225,"uuid":"352088120","full_name":"tomayac/SVGcode","owner":"tomayac","description":"Convert color bitmap images to color SVG vector images.","archived":false,"fork":false,"pushed_at":"2024-10-07T06:15:27.000Z","size":11872,"stargazers_count":758,"open_issues_count":7,"forks_count":112,"subscribers_count":9,"default_branch":"main","last_synced_at":"2024-10-16T15:21:28.929Z","etag":null,"topics":["image-processing","potrace","svg"],"latest_commit_sha":null,"homepage":"https://svgco.de","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomayac.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-27T14:04:56.000Z","updated_at":"2024-10-14T22:34:07.000Z","dependencies_parsed_at":"2023-02-08T09:31:43.288Z","dependency_job_id":"d43df5c3-a4aa-4dc0-88a1-113759ec59fd","html_url":"https://github.com/tomayac/SVGcode","commit_stats":{"total_commits":494,"total_committers":25,"mean_commits":19.76,"dds":"0.23886639676113364","last_synced_commit":"a4c9a8dfdfd589b00a45dc941f272f7fedb056c6"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomayac%2FSVGcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomayac%2FSVGcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomayac%2FSVGcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomayac%2FSVGcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomayac","download_url":"https://codeload.github.com/tomayac/SVGcode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221962371,"owners_count":16908329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["image-processing","potrace","svg"],"created_at":"2024-07-31T08:01:21.331Z","updated_at":"2024-10-29T00:30:24.732Z","avatar_url":"https://github.com/tomayac.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# SVGcode: A PWA to Convert Raster Images to SVG Vector Graphics\n\nSVGcode is a Progressive Web App that lets you convert raster images like JPG,\nPNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format. It uses the File\nSystem Access API, the Async Clipboard API, the File Handling API, and Window\nControls Overlay customization. The app is available at\n\u003ca href=\"https://svgco.de/\"\u003eSVGco.de\u003c/a\u003e. See what I did there? For more\nbackground, read the accompanying [article](https://web.dev/svgcode/) or watch\nthe [video](https://youtu.be/kcvfyQh6J-0?).\n\n\u003ca href=\"https://svgco.de/\"\u003e\n  \u003cimg src=\"https://github.com/tomayac/SVGcode/raw/main/public/screenshots/desktop-dark.png\" alt=\"SVGcode application screenshot\" width=\"707\" height=\"497\" /\u003e\n\u003c/a\u003e\n\n## Access from the Web or install from a store\n\nApart from using the Web app at [svgco.de](https://svgco.de/), you can also\ninstall SVGcode from the \u003c!-- [Play Store](https://play.google.com/store/apps/details?id=de.svgco.twa) on\nAndroid (or ChromeOS) and the --\u003e [Microsoft Store](https://www.microsoft.com/en-us/p/svgcode/9plhxdgsw1rj#activetab=pivot:overviewtab)\non Windows.\n\n\u003ca href=\"https://svgco.de/\"\u003e\u003cimg height=\"50px\" src=\"https://raw.githubusercontent.com/tomayac/SVGcode/main/public/badges/web-browser.svg\"\u003e\u003c/a\u003e\n\u003c!-- \u003ca href=\"https://play.google.com/store/apps/details?id=de.svgco.twa\"\u003e\u003cimg height=\"50px\" src=\"https://raw.githubusercontent.com/tomayac/SVGcode/main/public/badges/play-store.svg\"\u003e\u003c/a\u003e --\u003e\n\u003ca href=\"https://www.microsoft.com/en-us/p/svgcode/9plhxdgsw1rj#activetab=pivot:overviewtab\"\u003e\u003cimg height=\"50px\" src=\"https://raw.githubusercontent.com/tomayac/SVGcode/main/public/badges/microsoft-store.svg\"\u003e\u003c/a\u003e\n\n## Developing and/or contributing\n\n1. Fork this repository.\n1. Clone from your fork:\n   `git clone git@github.com:\u003cyour-github-account\u003e/SVGcode.git`\n1. Navigate into the application's directory: `cd SVGcode`\n1. Install the dependencies: `npm i`\n1. Start the application: `npm start`\n1. Open the application in your browser:\n   [`http://localhost:3000`](http://localhost:3000)\n1. Check out the [available Issues](https://github.com/tomayac/SVGcode/issues)\n   or create a [new Issue](https://github.com/tomayac/SVGcode/issues/new/choose)\n   describing your plans.\n1. Start hacking. Vite automatically reloads the app upon changes.\n1. Lint your modifications: `npm run lint`\n1. Make sure your changes respect the code style: `npm run fix`\n1. Open a Pull Request that fixes the Issue (see 7. above).\n1. Have fun, and thanks for your interest in SVGcode!\n\n## Contributing translations\n\nIf SVGcode is not available in _your_ language, consider contributing a\ntranslation. Therefore, make a copy of one of the files in\n[`src/i18n/`](https://github.com/tomayac/SVGcode/blob/main/src/i18n/) (most\nusers will probably be most familiar with\n[`en-US.js`](https://github.com/tomayac/SVGcode/blob/main/src/i18n/en-US.js))\nand translate the strings. Name the new file according to\n[`Tags for Identifying Languages`](https://tools.ietf.org/rfc/bcp/bcp47.txt)\n(`$language-$REGION` like `en-US`). Then add the language code to the\n`SUPPORTED_LANGUAGES` array in\n[`src/js/i18n.js`](https://github.com/tomayac/SVGcode/blob/main/src/js/i18n.js)\nand the locale to `SUPPORTED_LOCALES` array in the\n[same file](https://github.com/tomayac/SVGcode/blob/main/src/js/i18n.js). Danke!\n\n## Acknowledgements\n\nWith SVGcode, I just stand on the shoulders of a command line tool called\n[Potrace](http://potrace.sourceforge.net/) by\n[Peter Selinger](https://www.mathstat.dal.ca/~selinger/) that I have\n[converted to Web Assembly](https://www.npmjs.com/package/esm-potrace-wasm), so\nit can be used in a Web app. The converted SVGs are automatically optimized via\nthe amazing [svgo](https://github.com/svg/svgo) library.\n\n## Bragging zone\n\n\u003ca href=\"https://www.producthunt.com/posts/svgcode-2?utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-svgcode-2\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=322238\u0026theme=dark\" alt=\"SVGcode - A PWA to convert raster images to SVG vector graphics | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n## Alternatives\n\nProjects listed here must be Web-based, free to use with the option to save the\nSVG, open source, and not require the user to log in:\n\n- [VTracer](https://www.visioncortex.org/vtracer/#)\n  ([source code](https://github.com/visioncortex/vtracer))\n- [Image to SVG](https://tools.simonwillison.net/image-to-svg) (based on [imagetracerjs](https://github.com/jankovicsandras/imagetracerjs))\n\n## License\n\nGNU General Public License v2.0\n\n(This is due to Potrace choosing\n[GNU General Public License v2.0](http://potrace.sourceforge.net/#license).)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomayac%2FSVGcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomayac%2FSVGcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomayac%2FSVGcode/lists"}