GitShow/t3dotgg/quickpic
t3dotgg

quickpic

Turn SVGs into high resolution PNGs in 2 clicks

by t3dotgg
Star on GitHubForkWebsitenpm

TypeScript

1.3k stars229 forks4 contributorsQuiet · 1y agoSince 2024MIT

Meet the team

See all 4 on GitHub →
t3dotgg
t3dotgg47 contributions
R44VC0RP
R44VC0RP3 contributions
nexxeln
nexxeln2 contributions
TheAlexLichter
TheAlexLichter1 contribution

Languages

View on GitHub →
TypeScript97.3%
JavaScript2.2%
CSS0.5%

Commit activity

Last 12 weeks · 0 commits

Full graph →

Community health

3 of 6 standards met

Community profile →
57
✓README✓License○Contributing○Code of Conduct○Issue Template✓PR Template

Recent PRs & issues

Quiet · Last activity 1y ago
See all on GitHub →
ToTheos-Dev
test: add unit tests generated by ToTheosOpenPR

AI-Generated Unit Tests This PR adds AI-generated unit tests to improve coverage and ensure key functionality is tested. Test coverage summary Test files and commits How to run tests is included as a dev dependency. ### Run tests directly ### Optional: add npm scripts You can add convenient scripts to : ### Usage examples Run tests once: Run tests in watch mode during development: Run tests with coverage summary: This contribution was created with assistance from ToTheos (https://totheos.com) to support test generation, code refactoring, and pull request preparation for an open-source codebases. The tool was used to automate routine software development tasks.

ToTheos-Dev · 3mo ago
powermic
QR codes don't resizeOpenIssue

Tried on this file and got QR in the top left corner, but small, and the big canvas. Tried x32 and x64. !Image

powermic · 1y ago
Ant-Throw-Pology
Fix aspect ratios of certain SVGs, also better data handling in generalOpenPR

By "certain SVGs", I mean ones without or attributes and instead just doing or something else. Previously, my SVGs (square) would always show up as 300x150 and would have extra transparent padding on the sides. This fixes that, so that the images would at least have the right aspect ratio, even if the dimensions aren't correct. The way I did this is to use and - letting the browser do all the complicated work with the standards. (this means that the SVG-to-PNG tool can technically resize other image types if the accepted file types are changed) "Better data handling" is using URLs instead of URLs everywhere possible, so we're not passing around massive strings with file contents, instead we're just using references to s, and those s hold the data outside of JavaScript. Additionally, there were some URLs already being used (with SVG content) but not being freed with , so I added some calls to clean those up. No visual changes, this is purely logic. Except for the results being the correct aspect ratio. Please make sure you do the following before filing your PR: [x] Provide a video or screenshots of any visual changes made [x] Run and make sure everything passes

Ant-Throw-Pology · 1y ago

Recent fixes

View closed PRs →
NWylynko
Show a preview of the converted pngMergedPR

By proactively converting the svg to png, we can show a preview of the png before the user downloads it. This is helpful when using an svg that has a very low base resolution, as otherwise would need to download to see if its high enough.

NWylynko · 6d ago
Bakobiibizo
Feature: PNG to Ico pageMergedPR

Please make sure you do the following before filing your PR: [x] Provide a video or screenshots of any visual changes made [x] Run and make sure everything passes Add PNG to ICO Converter Tool Description Adds a new tool that allows users to convert PNG images to ICO format. The tool supports multiple icon sizes (16px, 32px, 48px) and maintains aspect ratio during conversion. Features PNG file upload with preview Automatic conversion to multiple ICO sizes (16px, 32px, 48px) Aspect ratio preservation Download converted ICO file Basic error handling Basic analytics tracking Technical Changes Added PNG to ICO conversion logic using Canvas API Implemented file upload and preview functionality Added Plausible analytics event tracking Added basic UI components with Tailwind CSS Dependencies Added next-plausible Testing Instructions 1. Upload a PNG image 2. Verify the preview displays correctly 3. Click "Save as ICO" to convert and download 4. Verify the ICO file works as expected Feature in action https://github.com/user-attachments/assets/f8acbd1e-f104-4e74-992c-843065ddc775 I tried my best to conform to the styling and code format of the library. I hope its useful.

Bakobiibizo · 1mo ago
tanav29
This pr enhance the ui of particularly `/rounded-border` of quickpicMergedPR

This pr enhance the ui of particularly !image _enhancement_ custom button now have input back button is re styled layout margin and pading changed all page a working fine now Please make sure you do the following before filing your PR: [x] Provide a video or screenshots of any visual changes made [x] Run and make sure everything passes

tanav29 · 1y ago
Structured data for AI agents

Repository: t3dotgg/quickpic. Description: Turn SVGs into high resolution PNGs in 2 clicks Stars: 1289, Forks: 229. Primary language: TypeScript. Languages: TypeScript (97.3%), JavaScript (2.2%), CSS (0.5%). License: MIT. Homepage: https://quickpic.t3.gg Open PRs: 36, open issues: 29. Last activity: 1y ago. Community health: 57%. Top contributors: t3dotgg, R44VC0RP, nexxeln, TheAlexLichter.

·@ofershap

Replace github.com with gitshow.dev