public marks

PUBLIC MARKS from srcmax with tag images

This year

Spruce

Make Twitter ready images in seconds. Tweets with images get 150% more retweets.

briangonzalez/jquery.adaptive-backgrounds.js · GitHub

by 1 other
A jQuery plugin for extracting the dominant color from images and applying the color to their parent.

2013

Responsive images – end of year report | HTML5 Doctor

It’s nearly two years since I suggested a picture element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing.

Mozilla reconsidère l'adoption du format WebP

by 1 other
Initialement boudé par la fondation Mozilla, le nouveau format d'image libre WebP dévoilé par Google en 2010 pourrait faire son apparition au sein de Firefox.

JavaScript - jQuery Giga Image Viewer - animated zoom and pan | CodeCanyon

Giga image viewer displays very large images without loading the whole image, giga viewer loads only needed fragment of the big image divided into small pieces (256×256 px).

Retina.js | Retina graphics for your website

by 4 others
retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays

2012

TinyPNG – Compress PNG images while preserving alpha transparency

by 2 others
Advanced lossy compression for PNG images that preserves full alpha transparency.

filamentgroup/Responsive-Images

by 1 other
The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions -- without requesting both image sizes, and without UA sniffing.

Adaptive Images in HTML

by 9 others
A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

2011

OptiPNG Home Page

by 4 others
OptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information. This program also converts external formats (BMP, GIF, PNM and TIFF) to optimized PNG, and performs PNG integrity checks and corrections. If you wish to learn how PNG optimization is done, or to know about other similar tools, read the PNG-Tech article A guide to PNG optimization.

Yahoo! Smush.it™

by 5 others
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files.

lorempixum - placeholder images for every case

by 6 others
Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!

2010

PunyPNG - PNG Compression and Image Optimization - Gracepoint After Five

by 2 others

Compress PNG, JPEG, and GIF images

PunyPNG is a free website optimization tool that dramatically

reduces the file size of your images without any loss of quality.

WebP Home

WebP is a method of lossy compression that can be used on photographic images. The degree of compression is adjustable so a user can choose the trade-off between file size and image quality.

A WebP file consists of VP8 image data, and a container based on RIFF. Webmasters, web developers and browser developers can use the WebP format to create smaller, better looking images that can help make the web faster.

3+ Ways to Preload Images Using CSS, JavaScript, or Ajax • Perishable Press

by 1 other
Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visitor can surf around your site and enjoy extremely faster loading times. This is especially beneficial for photo galleries and other image-heavy sites where you want to deliver the goods as quickly and seamlessly as possible. Preloading images definitely helps users without broadband enjoy a better experience when viewing your content. In this article, we’ll explore three different preloading techniques to enhance the performance and usability of your site.

2009

Jcrop » the jQuery Image Cropping Plugin

by 6 others (via)
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

2008

Website Performance | CSS Sprite Generator

by 17 others
Les Sprites CSS sont un moyen de réduire le nombre de requêtes HTTP faites sur les ressources images de votre site. Les images sont regroupées en une seule grande image, et sont accessibles via leurs coordonnées X et Y au sein de l'image. En affectant l'image générée aux bons éléments de la page la propriété CSS background-position peut alors être utilisée afin de ne rendre visible que la zone cible de l'image Sprite.