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
Comprehensive Cybersecurity to Safeguard Your Organization | SOCRadar Icon
Comprehensive Cybersecurity to Safeguard Your Organization | SOCRadar

See what hackers already know about your organization – and stop them from getting in.

Protect your organization from cyber threats with SOCRadar’s cutting-edge threat intelligence. Gain 360° visibility into your digital assets, monitor the dark web, and stay ahead of hackers with real-time insights. Start for free and transform your cybersecurity today.
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