Photoshop: comment réduire la taille d'un PNG pour une utilisation Web

J'ai un fichier PNG de 2042 x 1250 et de 6,1 Mo. Lorsque j'ouvre avec Photoshop et que je fais "Enregistrer sous> PNG 24" et que je choisis la taille de fichier compressé des deux options (l'autre étant sans compression), j'obtiens toujours une image qui est de l'ordre de quelques Mo, ce qui, puisqu'elle va être un atout Web, je voudrais être dans la KB et non dans les MB. Comment puis-je compresser intelligemment cette image dans une plage approximative de quelques milliers de Ko?

Les détails geek (vous n'avez pas demandé)

Certains formats d'image, tels que JPG, prennent en charge la compression avec perte . Lorsqu'une image compressée avec perte est enregistrée puis restituée, l'image n'est pas exactement à 100% telle que vous l'avez conçue, mais juste "proche" d'elle, une sorte de croquis. Certains détails originaux sont perdus . Comme il n'y a aucune attente de précision, les images avec compression compressée ont le luxe de stocker peu d'informations sur la conception d'origine, ce qui entraîne de petits fichiers. Ils vous permettent même de spécifier la précision du résultat: moins le résultat doit être précis, plus le fichier est petit.

D'autre part, le format PNG, par sa conception, prend en charge la compression sans perte . Cela signifie qu'une fois l'image enregistrée dans un fichier, lorsqu'elle est rendue, tous les pixels sont rendus exactement comme vous les avez conçus sans perdre aucun détail. C'est génial, mais cela signifie malheureusement qu'il doit stocker beaucoup d'informations pour rendre l'image parfaitement, résultant sur de gros fichiers.

Le PNG fait sa chose intelligente pour optimiser les informations dont il a besoin avant de les enregistrer dans un fichier, mais vous ne pouvez pas spécifier, comme vous le faites avec les JPG, comment compressé ou précis vous voulez que le fichier soit. Le résultat est tel quel et vous n'avez aucun contrôle sur la taille du fichier.

Quelques suggestions

Cela dit, il y a quelques choses que vous pouvez faire pour essayer d'obtenir un fichier plus petit.

• Les grandes zones de couleurs plates se compressent mieux que les zones à motifs complexes. Voyez si vous pouvez simplifier votre image.
• Avez-vous beaucoup d'espace négatif autour de l'image? Essayez de le réduire au minimum.
• Utilisez-vous la transparence? Sinon, pensez plutôt à enregistrer l'image au format JPG.
• Si vous ne pouvez pas l'enregistrer au format JPG pour une raison quelconque, mais que vous n'utilisez pas la transparence, décochez "transparence" dans les options d'enregistrement. Cela rasera un peu les piqûres de votre résultat final.
• Envisagez de couper l'image en plusieurs parties et de la composer dans le code HTML final, comme une sorte de puzzle. Vous pouvez enregistrer les parties nécessitant une transparence au format PNG et les autres parties au format JPG hautement compressé. Le résultat global devrait être moins lourd.
• Utilisez un outil de compression PNG (par exemple https://tinypng.com/ ). Attention, ces outils utilisent un algorithme avec perte. Ils essaient de simplifier votre image afin de pouvoir l'enregistrer dans un fichier plus petit. Ils réduisent considérablement la taille de votre fichier, mais le résultat final risque de perdre trop de détails. Vous pouvez toujours les essayer et juger du résultat en fonction de l'application.

Si vous partagez votre image, je peux vous faire quelques suggestions.

Essayez d'ajouter un calque de réglage Posterize à l'image et réduisez le nombre de couleurs. Je trouve que vous pouvez toujours conserver une haute qualité et réduire la taille du fichier grâce à cette méthode.

Un PNG de 6,1 Mo est loin de la plage des Ko, donc les suggestions de Cokypup seraient les meilleures.

Pour les autres fichiers PNG que vous pouvez créer, la meilleure façon de les enregistrer pour une utilisation Web consiste à les enregistrer dans Photoshop avec "Enregistrer pour le Web" plutôt que "Enregistrer sous". "Enregistrer pour le Web" de Photoshop fait une optimisation qui réduira considérablement la taille du fichier.

Ensuite, je suivrais cela en utilisant un outil de compression pour les fichiers PNG tels que Tiny PNG
Tiny PNG utilise une compression avec perte comme vous le feriez lors de l'enregistrement d'un JPG. Il réduit considérablement la taille du fichier et, comme vous pouvez le voir sur l'exemple du site, la compression avec perte qu'il effectue est à peine perceptible.

va sans dire, mais beaucoup de gens oublient de régler leur résolution à 72 pixels / pouce pour les ressources Web.

Image> Taille d'image> définissez la résolution sur 72 ppp.