#images (156 links)
- Responsive News - Images responsivenews.co.uk
A quick overview of [BBC News] strategy for delivering images into a responsive web page.
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.
- Hugin - Panorama photo stitcher hugin.sourceforge.net
- Performance Calendar » Progressive jpegs: a new best practice calendar.perfplanet.com
- toy/image_optim github.com
Attempt at doing ImageOptim on the command line. Execution is a bit flaky but idea is sound.
- adamdbradley/foresight.js github.com
Gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage.
- Another CSS image replacement technique – Nicolas Gallagher nicolasgallagher.com
- rflynn/imgmin - GitHub github.com
Automated lossy JPEG optimization
- Performance Calendar » Lossy Image Compression calendar.perfplanet.com
Lossy is a scary word but when it comes to images it provides dramatic savings & minimal loss in quality via @sergeyche http://t.co/Idddi9Ac
Killing puppies.
- Exporting From Photoshop - Smashing Magazine smashingmagazine.com
- The 12 best jQuery image sliders of the 2011 » Blog of Francesco Mugnai blogof.francescomugnai.com
Sigh.
- html - Get img thumbnails from Vimeo? - Stack Overflow stackoverflow.com
- JPEGmini - Your Photos on a Diet! jpegmini.com
- Sencha.io | Products | Sencha sencha.com
With Sencha.io Src don’t worry about scaling your image assets for the variety of mobile screens. Put a single high resolution image on your server, point your IMG tag to Src and let the cloud take care of the rest.
- A List Apart: Articles: Fluid Images alistapart.com
Smart.
Via monospaced.
- Juicy Studio: Colour Contrast and CSS Sprite Maps juicystudio.com
CSS sprite maps improve efficiency by making fewer HTTP requests to the server, but most implementations cause serious problems for users who view content in high contrast mode.
- PNG8 – The Clear Winner » Web Design » SitePoint Blogs blogs.sitepoint.com
maskingtape: @ohskylab Here's the memo on fireworks png-8 for IE6.. http://blogs.sitepoint.com/png8-the-clear-winner/
- Performance Calendar » PNG that works calendar.perfplanet.com
Great breakdown of different PNG formats.
- Perfect Full Page Background Image | CSS-Tricks css-tricks.com
Allows you to add a dynamically-resized background image to any page. The image will stretch to fit the page, and will automatically resize as the window size changes.
- WordPress › Scissors « WordPress Plugins wordpress.org
Enhances WordPress' handling of images by introducing cropping, resizing, rotating, and watermarking functionality.
- mezzoblue's PaintbrushJS at master - GitHub github.com
A lightweight, browser-based image processing library that can apply various visual filters to images within a web page.
- royalty free stock photography community | iStockphoto.com istockphoto.com
Comparing iStockphoto's Standard and Extended Licenses
- Setting up Photoshop for web and iPhone dev bjango.com
Most people who have designed web sites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all.
Via thegingerbloke.
- ImageOptim – PNG/JPEG/GIF optimizer for Mac OS X imageoptim.pornel.net
"Optimizes images [...] by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations." Be interesting to see how this stacks up against smush.it.
Via infovore.
- Why The data: URI Scheme Could Help Save Your Slow Site sitepoint.com
Lots of caveats but useful under certain circumstances.
- High Performance Web Sites :: SpriteMe makes spriting easy stevesouders.com
The bigger challenges when creating sprites are finding the background images and knowing how to group them into sprites. Once the sprite image is created, testing the sprite, including changing all the CSS, is time consuming. SpriteMe addresses all of these challenges.