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
$300 Free Credits for Your Google Cloud Projects Icon
$300 Free Credits for Your Google Cloud Projects

Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
Start Free Trial
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