A modern, browser-based SVG to PNG converter with elegant UI and dark mode support.

Visit the online converter: svgshift.netlify.app

• SVG to PNG Conversion - Fast and reliable conversion directly in your browser
• Flexible Dimensions - Adjust width and height individually
• Maintain Aspect Ratio - Automatic proportion calculation
• Live Preview - Instant preview of the converted image
• Dark Mode - Eye-friendly dark theme with preference storage
• Modern UI - Gradient design with smooth animations
• Responsive Design - Optimized for desktop, tablet, and mobile
• ViewBox Support - Correct processing of SVGs with complex viewBox definitions
• 100% Free - Open source and ad-free

1. Visit svgshift.netlify.app or open index.html locally
2. Select an SVG file
3. Dimensions are automatically detected and filled in
4. Adjust width and height as needed
5. Click "Convert to PNG"
6. Download your converted PNG

• HTML5 - Semantic markup
• CSS3 - Modern styles with CSS custom properties and gradients
• JavaScript (ES6+) - Vanilla JS without dependencies
• Canvas API - High-quality image processing
• FileReader API - Local file processing

No installation required! Just clone and open:

git clone https://github.com/Michikaitsu/SVGShift.git
cd SVGShift
# Open index.html in your browser

• Gradient Design - Modern color gradients in purple and cyan
• Smooth Animations - Fluid transitions with cubic-bezier easing
• Hover Effects - Interactive elements with visual feedback
• Glassmorphism - Modern backdrop filter effects
• Accessibility - ARIA labels and semantic HTML

• ViewBox Parsing - Correct extraction of dimensions from complex viewBox definitions
• Aspect Ratio - Improved calculation of aspect ratios
• Dark Mode - Persistent theme storage in localStorage

MIT License - see LICENSE for details

Contributions are welcome! Feel free to open issues or pull requests.

Michikaitsu - GitHub

⭐ If you like this project, give it a star on GitHub!