15 Repos
Tools for compressing, resizing, and converting images for the web.
Explore 15 awesome GitHub repositories matching part of an awesome list · Image Optimization. Refine with filters or upvote what's useful.
SVGO is a Node.js vector graphics optimizer and minifier designed to reduce the file size of SVG images. It functions as a pluggable processor that strips redundant XML elements, removes unnecessary metadata, and simplifies paths to create smaller payloads. The tool utilizes a customizable engine where image data is passed through a pipeline of programmable rules and optimization presets. This architecture allows for the integration of custom plugins to apply specialized transformation rules to vector files. The system includes a command-line interface for batch file processing and recursive
Tool for optimizing and minifying SVG vector graphics.
lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and iframes until they enter the browser viewport. It functions as a responsive image optimizer and SEO friendly asset loader designed to reduce initial page load times while maintaining search engine visibility. The project calculates optimal image sizes and handles srcset and picture elements to deliver the most appropriate asset based on device resolution and layout. It includes a mechanism for low-quality image placeholders and applies CSS classes during the loading process to trig
High-performance lazy loader for images and iframes.
Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat
Optimizes static image imports to prevent layout shift and provide loading placeholders.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Provides automatic image resizing and format conversion through a built-in optimization pipeline.
Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys
Automatically converts images to modern formats and generates responsive versions to optimize web performance and layout stability.
ImageSharp is a .NET image processing library and manipulation framework used for decoding, encoding, and modifying digital images. It functions as a comprehensive toolkit for resizing, cropping, and applying pixel-level filters while managing color profiles and pixel data across various file formats. The project integrates a 2D vector graphics engine and a typography rendering engine to draw geometric shapes, paths, and complex stylized text onto images. It also includes a geometry boolean operation library for calculating intersections, unions, and differences between complex polygons and c
Adjusts color interpolation and alpha handling to prevent midtone shifts in gradients during resampling.
Dieses Projekt ist eine Vanilla-JavaScript-Bibliothek und ein Web-Performance-Optimierer, der darauf ausgelegt ist, das Laden von Bildern, Videos und Iframes zu verzögern, bis sie in den Browser-Viewport gelangen. Es fungiert als Intersection-Observer-Wrapper und adaptiver Media-Loader, um die anfänglichen Seitenladezeiten zu reduzieren und Bandbreite zu sparen. Die Bibliothek zeichnet sich dadurch aus, dass sie responsive Bilder über srcset- und picture-Tags sowie CSS-Hintergrundbilder und animierte SVGs unterstützt. Sie integriert sich in native Browser-Ladeattribute, wo verfügbar, und bietet gleichzeitig benutzerdefinierte Fallbacks für nicht unterstützte Umgebungen. Sie kann zudem die Ausführung spezifischer JavaScript-Funktionen basierend auf der Sichtbarkeit von Elementen auslösen. Zu den breiten Funktionen gehört das Frontend-Asset-Management mit Unterstützung für das Targeting benutzerdefinierter Scroll-Container und die Beobachtung dynamischer Inhalte für asynchron injizierte Elemente. Das Dienstprogramm verwaltet zudem die Netzwerkzuverlässigkeit durch Fehlerbehandlung beim Laden von Assets und bricht aktive Downloads für Elemente ab, die den Viewport vor Abschluss verlassen.
Lazy load images and iframes to improve initial page load.
MONAI is a PyTorch-based deep learning framework and library specifically designed for healthcare imaging. It provides a suite of domain-specific neural network architectures, specialized loss functions, and preprocessing pipelines tailored for analyzing multi-dimensional medical data. The project distinguishes itself through a decentralized federated learning system that allows models to learn from datasets across multiple institutions without exchanging raw patient images. It also features AI-assisted medical image annotation tools and a standardized model bundling system to ensure consiste
Combines multiple affine and non-linear transformations into a single interpolation step to minimize image degradation.
Haxe is a statically typed, multi-target programming language and open-source compiler toolkit that translates a single codebase into native executables and scripts for JavaScript, C++, C#, Java, Python, Lua, PHP, and Flash targets. It provides a unified type system with automatic type inference, a compile-time macro system for code transformation and generation, conditional compilation directives, and a static analysis engine that enforces null safety and eliminates dead code to produce smaller, safer outputs. The language is supported by the HashLink virtual machine, which executes platform
Provides image scaling and resampling capabilities using various algorithms.
Compressorjs is a client-side image compression library that reduces file sizes in the browser before upload, using the HTML Canvas API to re-encode images into smaller File or Blob objects. It supports JPEG, PNG, and WebP formats, with configurable quality and dimension controls to balance file size and visual fidelity. The library distinguishes itself through several integrated capabilities. It reads Exif orientation metadata from JPEG images and automatically rotates or flips the canvas to ensure correct display after compression. An AbortController integration allows cancellation of an in
Limits the maximum or minimum width and height of the compressed image to fit within bounds.
Bild ist eine Bildverarbeitungsbibliothek, die in der Programmiersprache Go implementiert ist. Sie bietet eine Sammlung algorithmischer Engines für die Bildmanipulation, darunter eine Convolution-Kernel-Engine für Filter, ein Bild-Blending-Tool für Layer-Komposition und einen prozeduralen Rauschgenerator für die Erstellung synthetischer Texturen. Das Projekt zeichnet sich durch seine prozeduralen Generierungsfähigkeiten aus und implementiert Perlin-, Gauß-, Binär- und gleichmäßige Rauschalgorithmen, um zufällige Pixelverteilungen und organische Muster zu erzeugen. Es verfügt zudem über eine Kommandozeilenschnittstelle, die es Benutzern ermöglicht, visuelle Effekte, Farbanpassungen und geometrische Transformationen auf Bilddateien anzuwenden, ohne eigenen Code schreiben zu müssen. Die Bibliothek deckt ein breites Spektrum an Bildverarbeitungsfunktionen ab, einschließlich geometrischer Transformationen wie Rotation, Scherung und Zoom sowie Farbmanipulation und Verteilungsanalyse. Sie bietet Werkzeuge für Bildanalyse und Segmentierung, morphologische Filterung und unterstützt das Lesen und Schreiben von Bilddaten in den Formaten PNG, JPEG, BMP und WebP.
Ships resampling algorithms to change image dimensions while maintaining visual quality during resizing and zooming.
Pinta is a cross-platform raster graphics editor and digital image manipulation tool. It provides a drawing environment for creating pixel-based artwork and editing photographs, utilizing a layer-based image model to organize visual components into a stack for non-destructive composition. The application is built with a GTK-based interface and features a plugin-based extension system that allows for the addition of new editing tools and filters. Its capabilities cover digital drawing workflows using various brushes and pencils, image geometry manipulation such as cropping and resizing, and v
Provides capabilities to change image dimensions through scaling and resampling algorithms.
A resizer tool to automaticaly resize png files and 9 patches in several densities
Resizes 9-patch images for different screen densities.
Fast and lightweight vanilla JavaScript polyfill for native lazy loading, meaning the behaviour to load elements right before they enter the viewport. Provides graceful degradation, and is - not just thatfor - SEO friendly. Handles images with srcset and within picture, as well as iframe…
Polyfill for native browser lazy loading support.
Automates the export of layers to individual image files.