background preloader

ImageAlpha — lossy compression for 24-bit PNG images (like JPEG with alpha channel!)

ImageAlpha — lossy compression for 24-bit PNG images (like JPEG with alpha channel!)
Related:  Computer Art 2d

ImageOptim — make websites and apps load faster (Mac app) ImageOptim — better Save For Web Color quantizer Download Color quantizer is a simple-to-use software application that provides a friendly environment and intuitive options for adjusting all colors in images. Although it primarily caters to advanced users, it shouldn't be too difficult to figure out by novices. Installation is not a prerequisite, which makes Color quantizer portable. You can drop the executable file to a custom directory on the hard disk and just click it to run. It is also possible to save the app to a USB flash disk or similar storage unit, in order to run it on any machine rapidly. What's important is that the tool does not create new entries in the Windows registry, nor copy additional files to your system without your consent. The interface is based on a regular window with a familiar structure, where you can import images using either the file browser or drag-and-drop feature. When hovering the mouse you can view the respective image section zoomed in.

PNG and JPG Optimizers pngquant — lossy PNG compressor Trimage (lossless) image compressor Using CSS Sprites to optimize your website for Retina Displays — miekd CSS Sprites have been around for a while now. Matter of fact, they have been around for over eight years. They allow for some great monetary and bandwidth optimizations for medium and large websites, and they allow for a better experience on the user’s side, since there is a reduction in load time. For a lot of small websites, the extra layer of complexity that CSS Sprites brings to your assets was not always worth it. But with high-resolution screens, such as Retina Displays, becoming more and more prevalent, there is a new big reason to use them. Optimizing for High-Resolution Screens To optimize for high-resolution screens, you have to add a reference to a larger image asset within a specific media query. Yes, there are ways to take this on with Javascript, but I honestly don’t see depending on another external piece of code as a forwards-looking solution. In the next case we have four selectors with image assets. In short: Mind you, this is just an example of three image assets.

Where Can I Get A List of Shortcut Keys/Hotkeys? See the images below for the Mac free and paid and Windows free and paid Mischief hotkeys. Mac Free Mac Paid Windows Free Windows Paid Augmenter la rapidité de votre site en compressant vos images | Blog Silicon Salad Le problème n’est pas nouveau, les images Haute définition ou « retina » ont une taille 2 fois plus importante que les images normales — ce qui plombe votre bande passante. De plus, les visiteurs veulent une navigation rapide autant sur leur mobile que sur leur desktop. Il ne faut pas oublier que comparés à une connexion ethernet, le wifi ou la 3G sont très lents. L’optimisation des images est probablement la chose la plus importante pour avoir un réél impact au niveau de la performance de votre site (Avec la concaténation et la minification CSS & JavaScript dans un second temps). Dans cet article je vous explique pourquoi vous devez alléger votre bande passante, comment optimiser ses images de façon industrielle pour rendre vos utilisateurs heureux. Utiliser des images vectorielles Si votre atmosphère s’inspire du flat design et avec des illustrations en aplat de couleurs il est fortement conseillé d’utiliser du PNG. Utiliser une stratégie pour la compression de vos images Prérequis

La tête dans le Flux ! Isolating Line Art in Adobe Photoshop - Tutorial © Robin Wood 2009 <p class="noScript">I notice you have Javascript turned off. Unless you did that to print, the page is more fun if you turn it on. Thanks! </p> Line work can add a lot to an image; but often, if it's scanned, or brought in from another source, you'll find that it's a flat image on a white background, when what you need is just the lines, on transparency. Fortunately, it's quite easy to transform any clean line art into exactly that! Watch the movie to find out one way to do it. Briefly, all you need to do is Copy the background layer (it's always a good idea to leave original layers intact.) Next, Select All (Command/ctrl A) and Copy (Command/ctrl C) so you have the image on your clipboard. Make a new Layer Mask, hold down the Option/alt key, and click the Mask Thumbnail to view the Mask. Paste the image into the mask, and Invert it (Command/ctrl I) so that it's white on black, and will work properly. If they are, use Levels (Command/ctrl L) to correct them. Add Layer Mask Apply the Layer Mask

Related: