This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. Base64, the entire image file is embedded inside the <img> tag using base64, so no need for external hosting is needed.

Features

  • It has two different outputs
  • Pure CSS shadow matrix
  • Base64 embedded image
  • The entire image file is embedded inside the <img> tag using base64
  • No need external hosting is needed
  • Run development server

Project Samples

Project Activity

See All Activity >

License

BSD License

Follow img2css

img2css Web Site

Other Useful Business Software
Our Free Plans just got better! | Auth0 Icon
Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of img2css!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Design Software, JavaScript Multimedia Software, JavaScript Image Recognition Software

Registered

2022-06-21