Group items tagged

Proposition pour embarquer l'alpha dans un fichier JPEG

j'espère que ça restera vraiment une "expérience", utiliser canvas, javascript, css pour afficher une image transparente, avec ces inconvénients : # By default, the images load without their alpha, then get alpha'd causing a flash. This can be worked around by making them invisible until correctly loaded. # The image must reside on the same server as the web page or the cross site scripting prohibitions in AJAX will come into play. # My examples are double loading the image, for some reason the AJAX fetch is not using the cache. I don't know why, but it is probably just me. ça reste un affreux bricolage qui pourrait donner des envies à des gens qui n'y connaissent rien et pourrir des sites avec ça. Mais l'expérience est "amusante" de là à en faire une "proposition", j'ai des doutes

C'est clair qu'afficher l'alpha avec canvas+js reste du bricolage. En revanche, si les implémenteurs arrivent à se mettre d'accord pour le faire directement dans le navigateur, ça pourrait être intéressant.

Imgmin applies established best practices and statistical means toautomatically optimize JPEG filesize for each unique image without sacrificing quality, resulting in significant site-wide latency reduction and bandwidth savings which improves user experience and saves money.

1. Est-ce automatisable ? 2. Le gain est t'il réellement intéressant ?

1. oui, de la même manière que imgmin arrive à automatiser la recherche du meilleur taux de compression global... 2. oui également, c'est la technique utilisée par http://www.jpegmini.com, juge par toi-même.

Je vous avais rapidement parlé de pngcrush pour optimiser les images PNG, sans aucune perte de qualité. Stoyan Stefanov nous propose jpegtran dans sa dernière présentation sur l'optimisation des images.

Retrouvez une sélection de liens sur le thème des performances Web de la semaine passée. Au sommaire, 13 liens sur : du fast food ou un menu hamburger en 60 fps, http2 et server push, webp et jpeg, cache et max-age, un résumé de la situation des webperfs, …

"ScriptPNG is a PNG optimizer for Windows 32 bits. It reduces files size by parallel processing, with differents levels of compression. It converts GIF, BMP, JPG, PCX, or TGA to PNG. ScriptJPG is a JPG optimizer for Windows 32 bits. It reduces files size with a lossless process or with differents lossy methods - those methods also reduce image quality."

Et si on parlait un peu des images ? du point de vue des performances web, toujours.    Sur un site classique comme TF1, Amazon, LeMonde, on dépasse les 100 images sur la page d'accueil, pour un total de près de 300ko. Les sites plus au fait des problèmes de performance ont entre 30 et 50 images mais le poids total est encore souvent supérieur à 100ko.