Get your image encoded into base64Code or SVG and embedded into an "img" or "svg" tag ready to be

imported into your project.

ImageGenie let's you upload & edit your images with CSS Effects,
or maybe you simply want to make some tests or play with css effects and integrate them quickly into your web project.

One click copy-to-clipboard CSS code for easy web integration !

Scroll down to see your Image's CSS Properties and your Base64 / SVG Encoded Image code !

TIPS: Right Click to open Menu and : - Change background colors and opacity. - Change Image Formats ( Card , Banner and Circle )

How to Draw a Perfect Circle's Shape ?

Right-Click and choose 'Circle' format.

Or set it up manually :

1) Set Width and Height to 500 pixels.
2) Set all 'Border-Radius' to 250 pixels.(Max Values)

How to convert your image into SVG ?

- Upload your Image with "Upload your Image" button or paste an image url below.

ATTENTION : Box-shadows are not implemented into SVG convertion.

- You will find the SVG code by scrolling down and reach the results section.
The code is already copied to your clipboard so you just have to copy it and enjoy.

(Click the code area to automatically copy it to your clipboard.)

How to only convert my image to Base64 code ?

- Upload your Image with "Convert to code".
- You will find the Base64 code below.

(Click the code area to automatically copy it to your clipboard.)