Top 21 image-optimization Open-Source Projects

• squoosh

  267 20,981 5.8 TypeScript

  Make images smaller using best-in-class codecs, right in the browser.

  

Project mention: SVG Viewer – View, edit, and optimize SVGs | news.ycombinator.com | 2024-04-27

Here's another handy tool that I use: https://squoosh.app/

• ImageOptim

  83 8,940 7.9 HTML

  GUI image optimizer for Mac

  

Project mention: How to improve page load speed and response times: A comprehensive guide | dev.to | 2024-02-26

Compressing images: This technique reduces image size without compromising quality. You can achieve this using various image compression tools like TinyPNG or ImageOptim. These tools are specifically designed to manage multiple image formats and compression methods. They help reduce image files, resulting in less data transfer from the server to the user's device. It is advisable to compress images before uploading them to the web server.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• mozjpeg

  19 5,357 6.2 C

  Improved JPEG encoder.

  

Project mention: WebP is so great except it's not | news.ycombinator.com | 2023-12-15

[2] https://github.com/mozilla/mozjpeg

• pngquant

  5 5,012 6.0 C

  Lossy PNG compressor — pngquant command based on libimagequant library

Project mention: Random Code Inspiration Volume 2 | dev.to | 2023-10-01

image-shrinker is a simple, easy to use open source tool for shrinking images. Under the hood it uses pngquant, mozjpg, SVGO, and gifsicle. You can also install these tools individually if you need to compress some images. I often use pngquantafter exporting PNGs for web projects from Figma or similar tools. I literally run it like this:

• webp_server_go

  2 1,600 8.2 Go

  Go version of WebP Server. A tool that will serve your JPG/PNG/BMP/SVGs as WebP/AVIF format with compression, on-the-fly.

  

Project mention: Hybrid Deployment of GitHub Actions Runner: Multi-Arch Image Building Speed Soars 10x! | /r/github | 2023-07-29

WebP Cloud is SaaS (Software-as-a-Service) version of our open-source component called WebP Server Go. With WebP Cloud, users can simply log in using their GitHub account and provide the URL of the original image. In return, they receive a new URL that serves the image in WebP format, with built-in WebP conversion, CDN (Content Delivery Network), and caching capabilities. For example, an image with a size of 100KB at https://blog.webp.se/hetzner-arm64/c1-board.png can be transformed into a WebP version with only 60KB in size, available at https://p2k7zwb.webp.ee/hetzner-arm64/c1-board.png while preserving the image quality with minimal degradation.

• jpegoptim

  2 1,522 5.4 C

  jpegoptim - utility to optimize/compress JPEG files

• image_optim

  1 1,503 5.7 Ruby

  Optimize images using multiple utilities

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• image

  8 1,246 9.5 TypeScript

  Plug-and-play image optimization for Nuxt applications. (by nuxt)

  

Project mention: Using Nuxt Content: Working with Remote Markdown Files | dev.to | 2024-04-15

Nuxt is an appealing framework to work with, partly because of its robust module ecosystem. Popular UI libraries, headless CMS tools, and databases can be easily integrated with a single line of code. Among other third-party modules, Nuxt Image, Nuxt Content, and Nuxt UI are some of the official modules developed by the Nuxt team.

• imgp

  4 1,006 3.9 Python

  :camera_flash: Fast batch image resizer and rotator

• Image Optimizer

  0 902 0.0 PHP

  Image optimization / compression library. This library is able to optimize png, jpg and gif files in very easy and handy way. It uses optipng, pngquant, pngcrush, pngout, gifsicle, jpegoptim and jpegtran tools.

• optimus

  1 429 0.0 Vue

  Image conversion and optimization desktop app. (by Splode)

• next-image-proxy

  2 68 5.1 TypeScript

  🖼️ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.

  

• squidge

  2 40 0.0 PHP

  🖼️ A FREE Wordpress Plugin to compress and convert images using cwebp, jpegoptim and optipng.

• svelte-responsive-images

  1 38 0.0 JavaScript

  Image optimization component for svelte

Project mention: Is Sveltekit ready to be used to develop some large-scale projects on it? | /r/sveltejs | 2023-05-03

I think it's all easy to get with a picture tag you can make your component probably but I think this exists already. I think by quick search for something like that https://github.com/ohbob/svelte-responsive-images

• imagekit-vuejs

  13 34 8.8 Vue

  Vue.js SDK for ImageKit.io

  

Project mention: How to think about HTML responsive images | news.ycombinator.com | 2024-04-08

Having the server decide the image format based on the accept header is simpler. Services like https://imagekit.io/ (no affiliation) can do that for you.

• performance-checklist

  1 33 0.0

  📈 A comprehensive list of performance optimization techniques to improve your site's performance

• Warp-iMagick

  2 32 7.9 PHP

  Warp iMagick - Image Compressor - WordPress Plugin: Optimize Images on-site. No cloud-optimization-service. Convert to WebP - On-Upload, On-Regenerate, On Demand (v2.+). Set JPEG Quality and Sharpness. Set Big Image Threshold and Resize on Upload.

Project mention: WebP compression and resizing | /r/Wordpress | 2023-05-14

Wp supports it but I don't think it'll auto convert it to webp. You'll need something like https://github.com/ddur/Warp-iMagick (works well outta the box for nginx) or https://wordpress.org/plugins/webp-converter-for-media/

• edge-images

  1 19 6.9 PHP

  Automatically convert <img> markup to use optimized markup & an edge transformation service.

• nextjs-loader

  1 19 3.3 TypeScript

  Uploadcare custom image loader for Next.js

  

• Using-blurDataUrl-in-NextJs

  1 18 3.1 JavaScript

  Improving Next.js app performance with BlurHash

• image-set-function

  1 1 3.1 HTML

  Creating responsive images with image-set css function

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

image-optimization related posts

• How to think about HTML responsive images

  1 project | news.ycombinator.com | 8 Apr 2024

• Optimizing Images for Developer Blogs

  4 projects | dev.to | 20 Feb 2024

• Transform your images easily in Vue & Nuxt with Cloudinary

  2 projects | dev.to | 15 Jan 2024

• WebP is so great except it's not

  1 project | news.ycombinator.com | 15 Dec 2023

• It's the future – you can stop using JPEGs

  2 projects | news.ycombinator.com | 8 Dec 2023

• ⭐️ Voidr – Cutting-edge open source alternatives to mainstream cloud services

  1 project | /r/selfhosted | 7 Dec 2023

• Am I missing out on something?

  6 projects | /r/macapps | 1 Nov 2023
• A note from our sponsor - SurveyJS
  surveyjs.io | 3 May 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com