background preloader

Images

Facebook Twitter

Mozilla part en guerre contre les gros Jpeg. La Fondation Mozilla vient d’annoncer son projet « mozjpeg », qui consiste en un nouvel encodeur pour le format d’image Jpeg, destiné à rendre celles-ci plus légères, et donc plus rapides à charger sur Internet.

Mozilla part en guerre contre les gros Jpeg

La multiplication des images sur Internet a eu un effet retors largement constaté ces dernières années : le poids moyen des pages Web s’est considérablement alourdi, ce qui les rend notamment plus longues à charger et plus coûteuses à stocker. Pour Mozilla, il est encore possible de compresser le format d’images Jpeg, très largement utilisé sur Internet, notamment car il fait déjà partie des plus légers, en plus d’être compatible avec une écrasante majorité de logiciels et de navigateurs.

Le but du projet « mozjpeg » est donc d’obtenir une réduction théorique de la taille d’un fichier Jpeg de 10 % en moyenne. WebP. Banque d'Images - Photos libres de droits - Photos par abonnement.

Base64

iStock Photo: Royalty Free Stock Photography, Vector Art Images, Music & Video Stock Footage. PicGhost - HomePage - Mass Image Editor, Resize, watermark and protect your images online. PSD: Photoshop Disasters. Color — Method of Action. Jeffrey's Exif viewer. Lorempixel - placeholder images for every case. Stripe Generator - ajax diagonal stripes background designer. TIP: Stripes with linear gradient are best for headers and footers. stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Tile size: 26px * 200px open fullscreen preview Tiled 15 seconds how-to Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:background-image: url("path-to-stripe.png"); If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too: background-repeat: repeat-x; stay tuned about new webdesign, ajax, web 2.0 tools!

Stripe Generator - ajax diagonal stripes background designer

ImageAlpha - GUI for PNG8+alpha image converters. Web Designer’s Guide to PNG Image Format. Once upon a time, there was the mighty GIF image format, the most popular type of image compression for web graphics.

Web Designer’s Guide to PNG Image Format

Then, it was announced that software programs using GIF would require a license (this was because of the Unisys patent for the LZW compression method used in GIF). This change sped up the development for its successor: the PNG format. PNG, which stands for Portable Network Graphics, gained popularity and, nowadays, it’s probably the most used image format when it comes to web design, alongside JPEG.

In this guide, we will cover everything you, as a web designer, need to know about the PNG image format. Understanding Digital Image Formats There are many digital image formats available for you to use, but only some of them are optimized for web use. Why are certain image formats suitable for the web, while others aren’t? Compression Methods There are two general kinds of image compression methods: lossy and lossless.

PNG uses a lossless compression algorithm. PNG-8 and PNG-24. Free Banner Maker. Ishimaru-Design - [GIMP 2.6] Faire un bouton "Web 2.0"