SVG to PNG Converter (Any Size, Transparent)
Convert an SVG file or pasted SVG code to a sharp PNG at any width, with a transparent…
SVG Optimiser for Web & Elementor (Clean viewBox & currentColor)
Shrink SVG icons, preserve the viewBox, remove fixed dimensions, and make vectors adapt to Elementor colours using currentColor. 100% private in-browser tool.
Frequently asked questions
Does optimising an SVG icon make it safe to upload to WordPress?
Optimising removes redundant tags and metadata, but sanitising is what protects against malicious scripts. Always use WordPress native SVG sanitisation or a trusted SVG sanitizer plugin.
Why did my icon turn black in Elementor?
When an SVG uses hardcoded hex colors, Elementor cannot override them. Replacing fills with currentColor allows Elementor Primary Color control to recolour your icon instantly.
Related tools
Image to Base64 Converter (Data URI)
Convert an image into a Base64 data URI with ready-to-use HTML and CSS snippets, or turn a data…
PNG to JPG Converter
Convert PNG images to smaller JPG files, choosing the background colour for transparent areas.
WebP to JPG Converter
Convert WebP images to widely compatible JPG files in your browser.
PNG to WebP Converter
Convert PNG images to WebP while keeping transparency. Private, in-browser conversion.
JPG to WebP Converter
Convert JPG photos to smaller WebP files in your browser, in bulk, with adjustable quality.
Image Resizer
Resize images to an exact width and height or a maximum size, keeping the aspect ratio. Runs locally…
Image Converter (JPG, PNG, WebP)
Convert images between JPEG, PNG and WebP in your browser. Batch conversion, private, no uploads.
Related guides
SEO Guides
How Long Should a Meta Title Be? Pixels vs Characters Explained
"Keep it under 60 characters" is only half right. Google cuts titles by pixel width, not character count. Learn how to write…
WordPress Guides
The Default WordPress .htaccess File (and Safe Additions)
The exact .htaccess rules WordPress needs for pretty permalinks, what each line does, tested additions for HTTPS and file protection, and a…
Elementor Guides
Fluid Typography in Elementor with clamp()
Setting a heading to 56 px on desktop, 44 px on tablet and 32 px on mobile works, but text jumps between…
Related articles
Elementor
Elementor Free vs Pro: What You Can Build with the Free Version
What Elementor's free version includes, what Pro adds on each plan, a worked example of a brochure site built for free, and…
SEO
How to Add LocalBusiness Schema to a WordPress Site
Build LocalBusiness JSON-LD for a WordPress site: the right subtype, Google's required and recommended properties, awkward opening hours, a tested must-use plugin…
WordPress
How to Change WordPress Security Keys and Salts
What WordPress keys and salts do, when to change them, three ways to do it, and what we saw on a test…
Related resources
Free
Heroes
SaaS hero with dashboard preview
Two-column hero: headline, supporting text, two buttons and a trust line beside a visual panel. Stacks to one…
Free
Heroes
Centred SaaS hero with product window
Centred hero with a large headline, supporting text and two buttons, with optional highlights and a product window…
Free
Heroes
Dark studio hero with service highlights
Centred hero with a large headline, supporting text and two buttons, with optional highlights and a product window…