recompress jpg files on the fly

100%

recompress jpg files on the fly

✓ Published0🌍 Public

Last edited Apr 12, 2016

Created on Apr 12, 2016

This example shows an Apache PHP script that transparently recompresses JPEG images on the fly whenever a browser requests a `.jpg` file. It first displays the original image in response to the request, then uses the external `jpeg-recompress` executable to create a smaller cached version, which subsequent requests serve instead. The script relies on server-side file handling via `filemtime`, `filesize`, and `md5`, and writes a cache log with compression ratios using `error_log`. It conditionally serves cached files only when they are newer than the source.

AI-generated description

Similar vizzes

Loading thumbnail…

less cached for Lighttpd

This example demonstrates a caching mechanism for compiling Less stylesheets into CSS on a web server using Lighttpd. The shell script stores compiled output in `/tmp` based on a SHA512 hash of the source file, so subsequent requests reuse the cached version. It runs `lessc` with the `--clean-css` option to minify the result, and integrates with Lighttpd’s CGI module via `cgi.assign` to handle `.less` files. The script prints a comment indicating the compilation took time, but only computes that duration when the cache is built, showing the performance benefit of avoiding recompilation.

HHoffmannP

52% match

Loading thumbnail…

Add this page to any folder, and it'll pull the latest modified image and add it as a CSS background image. Great for quickly previewing web designs. Also great for sharing designs that clients can see right in the browser. Automatically centers the image, but you could tweak the CSS for align-left or align-right webpages.

This example displays the most recently modified image file in a folder, centered as a full-width CSS background image in a browser. It automatically scales the viewport based on the image’s dimensions and overlays a red header bar. Built with PHP, it scans the directory using the `dir()` function, checks each file with `getimagesize()` and `filectime()`, and embeds the selected image URL directly into the inline CSS, pulling the HTML structure from the surrounding page.

SSciutoAlex

49% match

Loading thumbnail…

Image Magick Cheat Sheet - Fun and easy picture editing in Linux command lIne

This example is a cheat sheet for using ImageMagick from the Linux command line, presented as a Jupyter notebook. It demonstrates two common image-processing tasks: resizing an image while preserving its aspect ratio via the `convert` command with the `-resize` flag, and creating an animated GIF from a sequence of PNG files using `-delay` and `-loop` options. The code relies on the ImageMagick `convert` utility and includes links to external tutorials for reference.

PP3nny

49% match

Loading thumbnail…

Gist f760b119be511c3b97e0f496b4dc1e1c

This example demonstrates a custom lossless image compression algorithm that encodes 16x16 pixel art using Sharp for image processing and node-base91 for encoding. It converts between 4-bit and 8-bit color formats to preserve the original artistic intent, as seen with the reference star and zero images. The code includes functions for converting RGB values to and from short hex codes, and encodes image data through Sharp's WebP lossless format before base91 encoding. The visualization shows compression results as encoded strings, verifying that the algorithm successfully reproduces the original images through lossless decoding.

SSohojoe

49% match

Loading thumbnail…

Gist 055a86617685691db7632fcb10fb8bc8

This example demonstrates a simulated cross-site scripting (XSS) attack via remote file inclusion, visually rendering a PHP script’s output as an alert dialog that exposes `document.cookie`. The visualization uses a plain HTML page to embed the PHP snippet, with the code directly echoing a `<script>` tag that triggers the alert. It relies on the browser’s native JavaScript execution rather than external libraries, showing the raw mechanism of injecting client-side code through a server-side include. The rendering approach is minimal, presenting the source code and its resulting runtime behavior side by side.

PPeleke

49% match

Loading thumbnail…

Gist 0bdc45cce93d15fce0d1991d2b4b9e9d

This example demonstrates how to convert a compressed LiDAR point-cloud dataset from IGN’s French national archive into a ZIP archive for easier distribution. The shell script downloads a 7z file via `wget`, decompresses it with `unp`, recompresses the contents into a ZIP using `zip`, and then reports the final disk usage with `du -cksh`. It relies on standard command-line utilities rather than JavaScript libraries, showing a practical data-preparation workflow for large geospatial files.

TThomasG77

48% match

Loading thumbnail…

Gist 2d272134b57b02eb8cdd0c5904249591

This example tests the archival fidelity of a web page by loading a series of images and scripts that mimic dynamic behavior, including DOM manipulation, AJAX requests, and delayed updates. It uses JavaScript’s `XMLHttpRequest` to fetch remote images and replaces them via base64 data URLs, while `setTimeout` and scroll events trigger asynchronous content changes. The page is rendered within an iframe by the pywb web archiving tool, with a banner and rewrite layer applied. The visualization demonstrates how archived sites handle live interactions and resource loading over time.

NN0taN3rd

48% match

Loading thumbnail…

Gist 1b1889baaec2adffe574

This example demonstrates a WordPress theme’s strategy for optimizing CSS delivery by inlining critical styles and asynchronously loading the full stylesheet. It shows how PHP hooks like `wp_head` and `wp_footer` conditionally inject scripts, styles, and a cookie-based cache check. The code uses `file_get_contents` to embed JavaScript files such as `loadCSS.js` and `onloadCSS.js`, alongside a `<style>` block for critical CSS. A `noscript` fallback ensures the full stylesheet loads without JavaScript. The implementation relies on the `Roots\Sage\Assets` namespace and functions like `asset_path()` to resolve file paths.

GGolodhros

47% match