Smashing Magazine a fait 2 excellents articles sur l' optimisation PNG et l' optimisation JPG .
Ils sont assez détaillés, expliquant en détail certaines choses que vous ne savez peut-être pas sur les formats et leurs implémentations. Par exemple, l'article JPEG: "Gardez à l'esprit que lorsque vous définissez la qualité à moins de 50 dans Photoshop, il exécute un algorithme d'optimisation supplémentaire appelé sous-échantillonnage des couleurs, qui fait la moyenne de la couleur dans les blocs de huit pixels voisins".
Les deux articles abordent des techniques spécifiques que vous pouvez utiliser dans Photoshop pour préparer vos fichiers pour une plus grande compression. Ce qui est beaucoup plus efficace que les techniques utilisées après l'enregistrement d'un fichier.
Après avoir enregistré ces fichiers, ou sur des fichiers pour lesquels vous n'avez pas la chance d'avoir des fichiers source en couches à modifier dans Photoshop, il y a encore plus de compression pour extraire ces fichiers.
J'utilise une application Mac appelée ImageOptim . Depuis leur site:
ImageOptim optimise les images - afin qu'elles occupent moins d'espace disque et se chargent plus rapidement - en trouvant les meilleurs paramètres de compression et en supprimant les commentaires et profils de couleurs inutiles. Il gère les animations PNG, JPEG et GIF.
ImageOptim fournit une interface graphique pour divers outils d'optimisation: AdvPNG d' AdvanceCOMP , OptiPNG , PngCrush , JpegOptim, jpegtran de libjpeg, Gifsicle et éventuellement PNGOUT .
Il est excellent pour publier des images sur le Web (réduit facilement les images «enregistrées pour le Web» dans Photoshop) et également utile pour réduire la taille des applications Mac et iPhone.
Part de gâteau. Faites glisser vos images (ou dossiers d'images) sur la fenêtre, il exécute tous ces outils en ajustant les schémas de compression et en supprimant les métadonnées et les informations de profil de couleur inutiles (qui ne sont pas largement prises en charge de toute façon - vous devez corriger les profils de couleur avant de sauvegarder, ne pas les enregistrer et les incorporer).
Tous les outils liés dans cette citation ont des versions Windows / Linux / Mac à l'exception de PNGOUT, mais heureusement, quelqu'un a porté PNGOUT sur OS X et linux parce qu'ils sont très réfléchis. Si vous choisissez d'utiliser ImageOptim, il inclura tout sauf PNGOUT dans le .app, alors saisissez le port PNGOUT, déposez-le dans / usr / local / bin (ou ailleurs) et dites à ImageOptim où il se trouve.
Il n'est pas rare pour moi, en particulier avec les images PNG, de voir la taille des fichiers chuter de plus de 30% même après avoir enregistré via "Save For Web & Devices" de Photoshop.
Protip: Après avoir exécuté l'optimisation, triez par la colonne d'icônes à gauche et sélectionnez toutes les lignes avec l'icône (X) - fichiers qui n'ont plus été réduits. Supprimez-les de la liste et réexécutez toutes les images qui ont l'icône de coche. Je peux presque vous promettre que vous aurez des images qui perdront encore la taille du fichier. Répétez le tri, la sélection, la suppression, la réexécution jusqu'à ce que vous obteniez toutes les icônes (X) et appelez-le un jour.