We’ve all been there. You’re writing a blog post, documentation, or README, and you need to add an image. You grab a screenshot or photo, paste it in, and suddenly your page loads slowly because that image is 2MB. Or maybe you need to resize it, compress it, and figure out the right Markdown syntax—all while losing flow.
What if there was a tool that handled all of that in seconds? Upload an image, set your preferences, and get a ready-to-paste Markdown link?
That’s exactly what OpenCompressify does. It’s a simple but powerful web tool that compresses images, resizes them, and gives you perfect Markdown embed code—ready to use anywhere.
OpenCompressify is a web-based image tool that compresses images, resizes them to your specifications, offers auto-deletion for privacy, and generates Markdown embed code—all in one click!
What You’ll Learn
- What OpenCompressify does
- How to use it for your projects
- How to set up your own instance
- Tips for optimizing images in Markdown
Key Features
📖 🖼️ Image Upload & Compression
Upload any image and OpenCompressify automatically compresses it. Uses Sharp under the hood for high-quality compression that keeps your images looking great while reducing file size.
📏 Adjustable Width
Set your preferred width (default 800px). The image is resized proportionally, perfect for different content layouts—blog posts, documentation, or social media.
📖 🎚️ Quality Control
Adjust image quality with a slider (60%-90%). Find the perfect balance between file size and visual quality for your needs.
🔗 Markdown Embed Generation
After upload, get a ready-to-use Markdown link:
Copy, paste, done. No more figuring out syntax.
📖 🗑️ Auto-Delete
Set an auto-delete timer (default 18 hours). Images automatically vanish after the set time—perfect for temporary sharing or privacy-sensitive content.
📖 👁️ Live Preview
See exactly what your image will look like before uploading. No surprises—preview at the bottom of the page.
How It Works
The workflow is beautifully simple:
Upload Image → Configure (width, quality, auto-delete) → Compress → Generate Markdown → Copy & Use
Technical Details
OpenCompressify uses a straightforward tech stack:
- Express.js - Handles web server and routing
- Multer - Processes file uploads
- Sharp - High-performance image processing and compression
- HTML/CSS/JS - Clean, simple frontend
The compression happens server-side, so even large images are handled efficiently. Sharp uses libvips—one of the fastest image processing libraries available.
Sharp can process images 4x faster than ImageMagick while using less memory. That’s why it’s the industry standard for Node.js image processing!
Usage Guide
Using the Demo Server
The easiest way to try OpenCompressify is to use the demo server:
Step-by-Step
-
Select an Image
- Click to upload or drag and drop
- Supports common formats (PNG, JPG, JPEG, WebP, GIF)
-
Configure Settings
- Width: Set your preferred width (default 800px)
- Quality: Adjust slider between 60-90%
- Auto-delete: Set time in minutes (default 1080 = 18 hours)
-
Preview
- See the compressed image at the bottom of the page
- Verify quality before finalizing
-
Upload
- Click submit
- Receive your Markdown embed link
-
Copy & Use
Paste directly into your Markdown files!
Use Cases
1. Blog Posts
Quickly compress screenshots and get Markdown links. No need to manually optimize images before writing.
2. Documentation
Add images to your README or docs with properly compressed images. Faster load times for readers.
3. GitHub Issues
Share screenshots in issues with auto-delete. Useful for temporary bug reports.
4. Technical Writing
Include diagrams and images in articles without worrying about file sizes or format conversion.
5. Social Media
Resize images for different platforms. Set width to match your target platform’s requirements.
Self-Hosted Installation
Want to run your own instance? Here’s how:
Prerequisites
- Node.js (v14 or higher)
- npm
Installation
# Clone the repository
git clone https://gitlab.com/krafi/opencompressify.git
cd opencompressify
# Install dependencies
npm install
# Start the server
npm start
Configuration
The server runs on port 3000 by default. You can customize:
- Upload directory
- Maximum file size
- Default compression settings
Deployment
Glitch:
- Create a new Glitch project
- Import from GitLab
- Deploy instantly!
Railway:
- Connect your GitLab repository
- Railway auto-detects Node.js
- Deploy with one click!
Render:
- Connect GitLab repository
- Set build command:
npm install - Set start command:
npm start
Why This Project is Useful
OpenCompressify solves common image workflow problems:
- No Manual Compression: Upload and compress in one step
- Markdown Ready: Get perfect embed code every time
- Privacy Options: Auto-delete for sensitive content
- Preview First: No surprises with image quality
- Self-Hostable: Run your own instance if needed
- Fast Processing: Sharp delivers professional results
Combine OpenCompressify with your Markdown workflow! Use it alongside tools like my OpenCourseFlow (video course manager) and other automation tools for a complete productivity setup.
Troubleshooting
📖 Upload failing?
- Check file size limits (default 10MB)
- Verify supported format (PNG, JPG, JPEG, WebP, GIF)
- Check server logs for errors
- Ensure upload directory is writable
📖 Image quality poor?
- Increase quality slider (try 85-90%)
- Use PNG for graphics with text
- Use JPG for photos
- Check original image quality
📖 Markdown not working?
- Verify the URL is correct and accessible
- Check that the image hasn’t been auto-deleted
- Try opening the URL directly in a browser
- Some platforms need full URL, not relative path
📖 Auto-delete not working?
- Verify the timer was set (not set to 0)
- Check server is running (auto-delete requires server check)
- Remember: once deleted, images cannot be recovered
Conclusion
OpenCompressify is a simple but essential tool for anyone who works with images in Markdown. Whether you’re writing documentation, blogging, or sharing content, it saves time and ensures your images are optimized.
Try the demo version, or set up your own self-hosted instance for complete control. Your readers will thank you for faster-loading pages!
Source Code
View and contribute to the project: OpenCompressify on GitLab
Happy compressing!
Discussion
0 commentsJoin the Discussion
Sign in to post comments and join the conversation.
No comments yet. Be the first to share your thoughts!