Geek Culture
Published in

Geek Culture

Converting SVG To Image (PNG, Webp, etc.) in JavaScript

How to convert SVG to image in the browser without dependencies.

Photo by Justin Aikin on Unsplash

​Last Monday I built and published a new Web Component, developed with StencilJS, to generate social images dynamically in the browser.

For a given text and logo, the component renders a shadowed SVG that can be converted to an image (PNG, Webp, etc.), and does so without any…




A new tech publication by Start it up (

Recommended from Medium

JSON Support Is The Best New Developer Feature in SQL 2016 — Part 4: Performance Comparisons

Mysqli_error () expects exactly 1

Hacking Atom

Introduction to the NGRX Suite, Part I

Data Structures in JavaScript: Binary Search Tree

Using iExec and Tee Worker to Create Apps that Use Datasets Stored on Filebase

Vue Router 4–Scroll Behavior

You might not need a Provider in your React app

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
David Dal Busco

David Dal Busco

Freelancer by day | Creator of DeckDeckGo by night | Organizer of the Ionic and IndieHackers Zürich Meetup

More from Medium

Turn JavaScript Into TypeScript Compatible Packages

Export To The File System (Save As…) + Fallback In TypeScript

Set Up Your Environment for Vite, React and Tailwind CSS

How to Detect when All Images are Loaded in a React Component