/*
  Sharpen an image if it has become blurry due to upscaling or downscaling
  @see https://developer.mozilla.org/en/CSS/image-rendering
*/
@mixin sharpen-image {
	image-rendering:-moz-crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;  /* IE 7+ */
}

/*
  When photos are upscaled or downscaled, they often get blurry. Don't use
  this on flat color images, they will still appear blurry.
  @see https://developer.mozilla.org/en/CSS/image-rendering
*/
@mixin high-quality-image {
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;  /* IE 7+ */
}

/*
  Optimizes the rendering on images so they
  appear faster, but at a lower quality. Useful for <video>
*/
@mixin low-quality-image {
	image-rendering:optimizeSpeed;
}