Qu'est-ce qu'un fichier PNG. Qu'est-ce que png.

Fichier PNG (à partir de l'anglais. Le graphique de réseau portable) fait référence aux bitmaps. Le format PNG contient une palette de couleurs spécifique utilisée sur la figure. Comme format graphique Très souvent, postulez sur le réseau du World Wide Web lorsque vous entrez des pages Web dans diverses images. À travers l'utilisation de l'algorithme de compression déflate, images rasterAvoir une extension de fichier PNG est disponible pour la compression sans perte de qualité explicite.

Développé ce format Fichier pour remplacer le format GIF, car la dernière fois requise par la présence de logiciels payants. Parmi les propriétaires de ressources Web, les images PNG sont célèbres pour les excellentes caractéristiques de l'arrière-plan de ces formats. PNG soutient la profondeur de couleur dans jusqu'à 48 bits. La principale différence entre GIF est que tel fichier graphique Il est limité à 8 bits (seulement 256 couleurs). Il faut savoir que, contrairement à GIF, PNG n'a pas de support pour les effets d'animation.

Ouvrir un fichier avec une extension PNG peut être en réalité un programme de vue. DANS système opérateur Windows, Ouvrez le PNG est possible en double-cliquant simplement sur la souris pour afficher les images. Ce format d'image est lancé dans tous les navigateurs Web. Si l'utilisateur doit modifier l'image enregistrée dans la version PNG, il suffit d'utiliser des utilitaires d'édition d'images, telles que Adobe Photoshop ou Microsoft Windows Photos, ainsi que des systèmes Corel PaintShop ou ACD.

Cette extension de fichier est très populaire et porte toutes les informations graphiques nécessaires pour des images en couleur de bonne qualité.

Les graphiques informatiques ont maintenant inondé tout ce qui concerne les photos, même les photos que nous regardons plus souvent sur l'écran du moniteur, le téléphone ou la télévision que sur papier. Mais quelles sont les méthodes les plus intéressantes pour stocker ces images sont très différentes. Il existe des dizaines de formats de stockage d'images, chacun avec leurs avantages et leurs inconvénients, mais ceux qui donnent le plus efficace et le plus populaire meilleure qualité Et de plus, le fichier éteint un petit volume. Un de ces formats est le format PNG. Quel est ce format et d'où vient-il?

Brièvement sur la raison même de l'apparition de ce format de stockage d'images ...

Le 4 janvier 1995, l'idée de création a été exprimée format gratuit Au lieu de GIF payant et déjà en décembre de la même année nouveau format PNG était prêt et proposé pour examen. Le format GIF à cette époque a permis de recevoir de très petits fichiers qui étaient pratiques à utiliser sur des sites. Mais l'ancien GIF gratuit est devenu payé de manière inattendue - le propriétaire du brevet pour lui, la société "Unisys Corporation", a été supprimée pour prendre de l'argent pour chaque image utilisée par ce format. C'était la raison du développement d'un format gratuit, appelé PNG - Abréviation de l'expression anglaise "Graphics de réseau portable". Comme on peut le voir à partir du nom, il est destiné à être utilisé dans le réseau, en raison des fichiers d'un petit volume, ce qui vous permet de télécharger rapidement des pages avec des graphiques.

Quels avantages et quels inconvénients ont un format PNG comparé aux autres, en particulier avec son principal concurrent, Format GIF? Il y a beaucoup de différences, mais à propos de tout dans l'ordre ...

DANS format png Un algorithme de compression appelé déflate, qui est en soi librement distribué, c'est-à-dire absolument libre. Cet algorithme travaille sur le principe d'un archiveur conventionnel, compressant efficacement des informations sur la palette de couleurs de chaque pixel, et c'est ce qui vous permet d'obtenir un fichier plutôt petit. De plus, dans ce format, vous pouvez enregistrer des images en couleur, c'est-à-dire ceux dans lesquels jusqu'à 48 bits pour chaque pixel sont utilisés - et il s'agit d'une très grande palette de couleurs, encore plus que de percevoir l'œil humain. Le format GIF vous permet également d'utiliser seulement 256 couleurs et des nuances - assez pour les images les plus simples, mais très peu de qualité photographique.

Dans les formats PNG, GIF et TIFF, le soi-disant canal alpha est utilisé. Cela signifie que vous pouvez faire des sections de la photo transparente. Dans le même temps, au format GIF, cela est fait très simple - une seule des couleurs à la sélection est attribuée transparente et lors de la visualisation de l'image, il n'est tout simplement pas visible - vous pouvez faire un arrière-plan transparent. Le format TIFF est plus pensé à cet égard, mais il est très rarement utilisé - une taille de fichier trop importante est obtenue. Mais dans le format PNG alpha - le canal est fait avec l'esprit - il n'y a pas de transparence là-bas, mais a également 256 gradations de luminosité. C'est-à-dire que vous pouvez facilement effectuer la transition d'un contexte totalement transparent à une image en couleur et pour obtenir de beaux effets. Surtout beau, il regarde sur les sites. Si la transparence n'est pas nécessaire, vous ne pouvez tout simplement pas l'utiliser lorsque vous enregistrez l'image et obtenez le fichier pour un volume plus petit.

Malheureusement, le format PNG comporte un inconvénient, pas très important - il ne vous permet pas d'enregistrer la séquence d'images, la soi-disant animation. GIF vous permet de le faire. C'est arrivé car au moment de la création d'un nouveau format, l'animation n'était pas utilisée presque n'importe où et il n'y avait pas de besoin spécial pour les sites colorés en 1995, l'animation a donc été exclue du projet comme inutile. Aujourd'hui, la niche d'animation occupe la technologie Flash, qu'aucun format graphique ordinaire n'est un concurrent.

Si le format PNG est si bon, alors pourquoi n'est-il pas devenu superpopulaire? La réponse est simple - sa réponse faiblement soutenue les développeurs d'autres programmes. Particulièrement influencé le fait que la plupart des internautes ont utilisé le navigateur Internet Explorer.Et je n'ai pas compris les images du format PNG, même si les développeurs d'autres navigateurs ont immédiatement commis un tel soutien. La situation n'a été corrigée que lorsque Internet Explorer 7 est apparu, mais le moment de la "promotion" est passé depuis longtemps.

Aujourd'hui, le format PNG est inclus dans les trois formats les plus populaires et les plus populaires des technologies Web, ainsi que des formats GIF et JPG. Et, à moins que le manque d'animation ne soit désavantagé, il gagne tous les paramètres par rapport aux autres. Une image de haute qualité sans perte de qualité, un petit fichier, une transition en douceur vers un fond transparent et même sans violation du droit d'auteur de quelqu'un - quoi d'autre est nécessaire pour le bonheur au développeur du site?

De plus, être un format PNG gratuit offre divers avantages pratiques sur le concepteur Web GIF:
- Meilleure compression: Pour la plupart des images, PNG atteint une taille de fichier plus petite que GIF
— Grande profondeur de couleur: PNG offre Truecolor jusqu'à 48 bits lorsque nous n'avons que 256 palette de couleurs dans GIF
— Transparence alpha canal: Lorsque GIF offre uniquement une transparence binaire, PNG permet des effets de transparence presque illimités, offrant une transparence alpha canal

Il convient de noter que PNG ne permet pas de faire une animation comment elle fait du GIF. Mais il y a une norme (MNG), qu'elle permet, mais elle n'est pas aussi largement prise en charge par les navigateurs Web et les éditeurs graphiques.

Alors, pourquoi le gif est-il toujours si populaire?

Vous êtes probablement surpris pourquoi PNG n'est pas aussi largement utilisé dans le format Web, s'il est si bon comment il est annoncé. La réponse, pour la plupart, est la mauvaise idée du format et de son soutien aux navigateurs.

En raison du fait que les versions Internet Explorer 6 et antérieures ne prennent pas en charge la gamme complète des capacités PNG (y compris la transparence des canaux alpha), il reste à croire (bien que ce soit faux) que l'explorateur Internet ne supporte pas le PNG ou du moins pas Soutenir la transparence. En réalité, Internet Explorer 5 et 6 Soutien suffisamment de spécifications PNG, ce qui la rendant fonctionnellement équivalent (ou plus) d'images gif intactes. Tous les autres navigateurs de référence, y compris Firefox, Netscape 6 et plus, Mozilla, Opera 6 et plus, Safari et Camino prennent pleinement en charge la transparence PNG.

En plus de ce concept incorrect sur le support du navigateur, intégré à l'animation GIF était (et continue d'être) la principale raison de son succès. Bien que, dans quelques années, l'utilisation du GIF devienne moins populaire par rapport aux autres technologies (par exemple, Flash), qui deviennent plus appropriées pour l'animation.

La transparence est la principale caractéristique du GIF et du PNG, ce qui est souvent la cause de la sélection du format de concepteur Web utilisé. Bien que la PNG offre une prise en charge de transparence plus complète, les concepteurs Web ont souvent besoin de créer une version GIF d'images destinées aux anciens navigateurs. En utilisant CSS, il est possible (et en partie d'une trite), en envoyant des images GIF pour les anciens navigateurs et la PNG de haute qualité dans les navigateurs qui les comprennent. Mais il s'agit d'un double travail pour le concepteur Web et, par conséquent, les gens vont de la plus petite résistance et continuent d'utiliser des images GIF.

Nous avons donc examiné plusieurs raisons pour lesquelles GIF est toujours si populaire, mais la plupart d'entre eux sont basés sur des concepts de malentendus ou en utilisant le scénario habituel. Armée de connaissances clés de travail avec PNG et de la manière dont elle peut être utilisée en toute sécurité dans les navigateurs, vous avez la possibilité de profiter de tous les avantages qu'il offre.

Qu'en est-il de JPEG?

JPEG est un autre format Web ubiquitable et dans la plupart des cas, tels que des photos (ou d'autres avec eux), il est encore meilleur que PNG ou GIF. PNG n'est pas conçu pour rivaliser avec JPEG. La compression JPEG fabrique des fichiers significativement plus petits que PNG lorsque vous travaillez avec des photos. D'autre part, PNG produit des fichiers plus petits lorsque l'intérieur des images présente du texte, des lignes d'art, du logo, des couleurs "lisses", etc.

Quelques exemples merveilleux d'utiliser modest modest png

Voyons maintenant comment utiliser png dans la conception web. J'ai rassemblé tous les fichiers de chaque exemple dans un dossier séparé disponible sur le (Handyblogger: le menu d'origine là-bas, mais je n'ai pas trouvé la source).

Pente

Au cours des dernières années, le gradient est une transition lisse entre deux couleurs ou plus, est devenue les meilleurs designers Web. Les gradient sophistiqués et à peine distinguables, qui ne se précipitent pas aux yeux créent une sensation de profondeur et de texture.
Parfois, GIF est le meilleur choix pour le gradient. Si le gradient est une simple transition de deux couleurs, GIF y travaille parfaitement. Cependant, les limitations du GIF ne représentent que 256 couleurs créent souvent une "dénudage" notable et négligée parmi les transitions de gradient plus complexes. JPEG, d'autre part, peut produire des gradients plutôt épicés, mais coûte souvent plus de fichier. Et tandis que les gradients JPEG sont généralement suffisants, vous devez vous rappeler que JPEG utilise une compression de perte qui signifie que l'image résultante n'atteindra jamais la qualité de l'image non compressée.

Le style typique du gradient de fond est utilisé pour les boutons, les blocs ou simplement ailleurs. On peut ressembler à la figure 5-1. Dans le sens des aiguilles d'une montre, du coin supérieur gauche, nous voyons l'image originale (non compressée), la version GIF, la version PNG et JPEG. Vous voyez que PNG en conséquence a la plus petite taille (515 octets). C'est quatre fois moins que Image gif. JPEG Un peu plus que PNG à 637 octets et il est également inférieur à la qualité en raison de la compression avec des pertes (la vérité est la possibilité d'un œil humain de déterminer la différence de qualité de cet exemple simple en question).

Figure 5-1.
Photoshopa - Enregistrer pour le Web, afficher les différences de taille de fichier pour la même image dans divers formats

Une image qui devrait fonctionner sur n'importe quel fond

Parfois, il est nécessaire de créer une image qui fonctionne de manière égale sur différents substrats. Certains exemples courants sont le logo et les icônes. Dans de telles situations, les fichiers GIF sont traditionnellement dominés, mais il y a plusieurs raisons pour lesquelles PNG peut être un meilleur choix dans cette situation. PNG, en règle générale, gagne dans la taille d'un fichier de logos ou tout autre "art" simple. De plus, la transparence congénitale PNG rend une simple création de fichiers uniques qui fonctionnent sur des antécédents. PNG offre une transparence binaire comme dans GIF, mais fournit également une version beaucoup plus souhaitable avec un canal alpha, dans lequel les pixels peuvent être partiellement transparents, au lieu d'être simplement inclus ou éteint. L'utilisation de ce dernier augmente la taille du fichier, parfois plus de gif avec transparence binaire, mais il vous permet de faire du lissage sur les frontières de votre image et de le rendre plus élégant son placement en haut de l'arrière-plan.

Cependant, j'ai traité leur concept à l'aide d'une image blanche avec des symboles de pochoir. Ils ont utilisé un symbole blanc sur arrière-plan transparentqui, en règle générale, pourrait être assez efficace. Dans ce cas, votre couleur de fond CSS se serait manifestée dans une zone carrée ou rectangulaire autour du symbole, au lieu du symbole lui-même.

Et Dan et PJ ont utilisé GIF transparent au lieu de PNG. Il a complètement couvert leurs besoins et sous le style des icônes qu'ils ont dû créer des images de pixels. En utilisant PNG, vous pouvez recevoir une technique similaire, mais avec une certaine supériorité d'antitérations et de transparence partielle pour une utilisation dans des icônes plus détaillées.

Eh bien, mais dans quels navigateurs fonctionnent-il?

Je sais ce que vous pensez: toute cette transparence PNG a l'air bien, mais est-ce pratique?

Bonnes nouvelles sont que tous les navigateurs modernes soutiennent pleinement Image pneumatique, y compris la transparence du canal alpha, les avantages que j'ai montrés dans les exemples. Safari (toutes les versions), Firefox (toutes les versions), Opera (version 6 et plus), Netscape (version 6 et plus), et Mozilla (toutes les versions) seront avec un coup de travail pour déterminer tout ce que je leur demanderai. Mais il y a une mauvaise nouvelle - le seul navigateur que je n'ai pas encore mentionné et qui a la plupart de vos utilisateurs: Internet Explorer.

Internet Explorer 6 et ci-dessous ne prend pas en charge la transparence du canal alpha intégré au format PNG. Étant donné que les surfeurs Web les plus nombreux ont été effectués (ou non un choix), ce trou béant contenait des concepteurs Web loin de PNG. Mais, avec Internet Explorer 7, nous avons reçu un soutien total pour la transparence alpha de PNG dans tous les navigateurs importants. Quelle est la prochaine étape, existe-t-il des moyens de travailler avec Alpha Transparency PNG dans Internet Explorer 6 et ci-dessous? Donc, si vous voulez utiliser cet effet, rien ne vous arrêtera. Internet Explorer 6 et ses premières versions ont besoin de plus que nécessaire, d'attention, mais c'est certainement possible.

Hack pour Internet Explorer: Alphaimageloader

Internet Explorer dispose de divers propres filtres. Ils sont utilisés dans CSS, mais ils ne font pas partie de la spécification officielle du CSS. En d'autres termes, ils ne sont pas standardisés sur le Web. Malheureusement, Internet Explorer 6 et ci-dessous ne prennent pas pleinement en charge le format PNG (qui est recommandé par W3C), Microsoft a un filtre qui élimine cette carence: Alphaimageloader.

Une des tâches principales que les nouveaux sites sont confrontés sur les vertoriels est téléchargement rapide Navigateurs de pages. Et puisque la conception minimaliste est comme pour tous les utilisateurs, vous devez rechercher un compromis entre le magnifique design avec des éléments graphiques élégants et la vitesse de la ressource Web. Auparavant, afin de réduire le poids des images, les développeurs de site utilisées soit GIF ou JPG. Maintenant, de plus en plus souvent, les vesteurs utilisent des images au format PNG. Essayons de comprendre pourquoi cela se produit.

Pourquoi le format PNG était-il

Abréviation, qui est le nom de ce type de graphisme, est formée à partir des premières lettres des mots anglais suivants: graphiques réseau portables, qui peuvent être traduits comme "graphiques mobiles à utiliser dans le réseau". Le format PNG a été spécifiquement inhibé afin d'éliminer les lacunes de compression en utilisant un algorithme de gif plus simple qui a commencé lentement à d'outreréenne. De plus, il peut être utilisé dans une certaine mesure pour remplacer un très lourd TIFF utilisé principalement pour la modification.

Qu'est-ce qui se passe un format png

À ce jour, deux versions de cet algorithme sont largement utilisées. Dans le premier cas, 8 bits et dans la seconde sont 24 bits. La photo au format PNG-8, comparée à la version GIF, est distinguée par un légèrement meilleur et un manque de création d'animation. Malgré le fait qu'une telle image peut contenir un maximum de 256 couleurs, cet algorithme est largement utilisé pour créer du texte graphique, des logos, des illustrations avec des bords clairs et des images avec transparence gradient. Dans les cas où cela ne suffit pas assez, les développeurs utilisent un format PNG 24 bits qui a une masse d'avantages supplémentaires, tels que:

Un algorithme de compression amélioré, annule toute perte de qualité.
La possibilité d'utiliser Alpha Transparency fournit 256 niveaux de transparence différents.
La présence de correction gamma qui vous permet d'ajuster automatiquement la luminosité de l'instantané lors de la lecture dans différents programmes.
La capacité d'utiliser environ 16,7 millions de nuances de couleur.

Tout cela contribue ensemble à l'utilisation de PNG24 pour compresser toutes les images contenant des zones transparentes, des dessins avec un grand nombre de couleurs et des limites claires de l'image.

Tendance au développement

Malgré le fait que la propagation du format PNG soit toujours retenue par les anciens navigateurs, ainsi qu'un soutien insuffisant et incomplète pour les capacités de cet algorithme dans de nouvelles versions, pour Web Graphics PNG est très prometteur. Comparé au GIF, il possède trois avantages principaux: canaux alpha, correction gamma et entrelace bidimensionnelle (méthode d'images d'image progressive). Et comparé à JPEG, il n'a aucune perte de qualité. Notez que le format PNG a été inventé le 4 janvier 1995. À partir de ce moment-là, 18 ans ont passé, et il a commencé à conduire à une utilisation dans des sites Web, poussant le GIF à la deuxième place.

La plupart des coutumes (par exemple, MS Peinture) aujourd'hui l'ont adopté comme une norme pour enregistrer les fichiers par défaut. Probablement, si ce n'était pas pour l'animation et la mode des anciennes versions d'Internet Explorer, GIF céderait la place à son concurrent encore plus tôt.

Le format PNG est le plus "junior" parmi les formats de graphismes Web populaires; Par conséquent, il n'est pas encore assez répandu. Toutefois, ses capacités suggèrent que, à l'avenir, les fabricants de logiciels et les développeurs de la page Web vous accorderont une plus grande attention à lui.

L'abréviation PNG est déchiffrée comme graphisme de réseau portable - Transferts Network Graphics.

En termes de caractéristiques, ce format est similaire à GIF, qui n'est pas surprenant - après tout, le PNG a été développé comme alternative. PNG soutient les fonctions suivantes:

stockage d'images couleur avec une profondeur de couleur à 48 bits (dans GIF - jusqu'à 8 bits);
stockage d'images monochromes (jusqu'à 16 bits par pixel);
prise en charge de la transparence variable - jusqu'à 256 gradations (au format GIF chaque pixel ou transparent, ou non);
compression d'image sans perte;
l'utilisation de filtrage pour optimiser la compression (dans GIF est absente);
la possibilité d'entrelacer des images à l'écran;
outils intégrés permettant de détecter des erreurs de transfert de données (il manque au gif);
les flexions fluide (GIF manquent);
enregistrer une copie d'image réduite.

Contrairement à GIF, le format PNG est librement distribué pour une utilisation. Cela signifie que son soutien dans logiciel Vous pouvez entrer sans payer de licences. Pour compresser l'image au format PNG, l'algorithme LZ78 est un précurseur LZW utilisé dans le format GIF. Les inconvénients de PNG par rapport au GIF peuvent être attribués à l'incapacité à enregistrer dans un fichier d'images multiples et à créer une animation.

Le fichier stocké au format PNG a une structure de blocs, elle le rend similaire au format TIFF. Tout programme prenant en charge le format PNG standard doit fonctionner avec quatre types de blocs:

l'unité d'en-tête contient les paramètres de base de l'image. Le fichier ne peut pas avoir plus d'un titre;
le bloc Palette définit la palette de couleurs utilisée dans l'image. Cette unité n'est utilisée que si la palette est nécessaire (l'image est enregistrée en mode de couleurs indexées);
le bloc image contient des données d'image;
l'image du closeup de l'image ferme le fichier PNG.

En plus de ces blocs, le fichier peut contenir des données supplémentaires, telles que des informations sur l'auteur, les commentaires du texte (y compris compressé), des informations sur la correction de contraste et gamma, des informations sur la transparence (canal alpha), etc. avec l'introduction de nouveaux Opportunités, vous pouvez facilement ajouter au fichier nouveau bloc. Dans le même temps, les anciens programmes simplement "ne seront pas l'attention." Cela offre la possibilité d'une expansion facile du format.

L'image elle-même peut être enregistrée dans différents modes. Par example, Adobe Photoshop. Prend en charge les modes RVB (16 millions de couleurs), nuances de gris (256 gradations) et couleurs indexées (256 couleurs).
La transparence de l'image est enregistrée en tant que canal alpha, ce qui vous permet d'afficher jusqu'à 256 gradations de transparence. Cela vous permet d'implémenter une transition en douceur de l'image à l'arrière-plan et d'éviter l'apparition de "Haloe" sur la bordure de transparence. En figue. 2.9 Un exemple d'une telle superposition est donné. La gauche est la photo d'origine, au centre - l'arrière-plan, à droite - le résultat.

Figure. 2.9Le résultat d'imposants images avec un changement de transparence en douceur sur le fond

En figue. 2.10 montre le résultat de la superposition sur la même image d'arrière-plan stockée au format GIF.

Figure. 2.10.Imposant sur le fond des images avec deux valeurs de transparence (ou c'est, ou non)

REMARQUE. Dans les navigateurs, l'affichage de la transparence changeante en douceur n'est pas encore implémenté.

Lorsque vous enregistrez des images en format PNG, des images interlated et divers filtres peuvent être utilisés pour optimiser la compression. L'image entrelacée est affichée non en ligne par ligne (comme lors de la lecture du format GIF) et des blocs rectangulaires (premiers blocs 8x8, puis 4x8, 4x4, 2x4, 2x2, 1x2). Un tel algorithme est-il en l'honneur de son inventeur Name Adam? Malheureusement, tous les navigateurs ne traitent pas correctement les capacités de ce format. En figue. 2.11 Il est montré comment les fichiers PNG sont affichés par Internet Explorer Navigateur.

Les filtres vous permettent de préparer des données (optimisez-les) et augmentez ainsi le degré de compression. La filtration est appliquée aux octets de composants de couleur de la ligne de pixels. Pour chaque ligne, vous pouvez appliquer votre algorithme ou ne pas l'utiliser du tout. Il existe plusieurs variétés de filtres:

Figure. 2.11.Affichage d'une page avec des chiffres PNG dans le processus de démarrage

Sub définit la différence entre la valeur des octets pour le pixel actuel et une valeur similaire pour le pixel précédent;
Up détermine la différence entre la valeur des octets pour le pixel actuel et une valeur similaire pour le pixel précédent;
Moyenne - la valeur du pixel actuel est prédite en fonction de la valeur moyenne obtenue pour les pixels situés à gauche et sur le dessus du courant;
Paeth - La valeur est prédite en fonction de la valeur de la fonction linéaire obtenue à partir des valeurs des pixels supérieurs gauche, supérieur et gauche.

Dans certains cas, le filtrage vous permet de réduire la taille du fichier, cependant, pour chaque image, la méthode de filtrage doit être sélectionnée individuellement.

Outre différents algorithmes de filtrage, des outils de correction de couleur intégrés peuvent être appliqués à l'image. Pour PNG, il s'agit d'un pointeur de correction gamma (vous permet de régler les couleurs en fonction de la luminosité du moniteur), des informations sur le contraste, ainsi que des informations sur les couleurs principales et le "point blanc". Les couleurs principales et le point blanc sont donnés par des coordonnées dans des espaces de couleur standard. Tous ces paramètres vous permettent d'améliorer la qualité de l'image jouée sur l'ordinateur de l'utilisateur.

Nous avons examiné les caractéristiques du format PNG. Afin de faire une image complète de sa portée, nous allons tester. En figue. 2.12 Il y a trois images de test. Figure 2.13, et est un exemple d'un motif constitué de lignes claires (circuits ou dessin). Figure 2.13, B - Une photo contenant une grande parcelle avec un changement de couleur lisse (ciel). Figure 2.13, sur - Photo avec un grand nombre de petits détails. Dimensions fichiers source dans format de tiff: de 127 à 129 kb.


mais

B.	dans

Figure. 2.12.Testez des images pour comparer les capacités de format GIF, JPEG et PNG

Pour comparer les capacités de divers formats, enregistrez toutes ces images dans fichiers gif., Png et jpeg. Dans ce cas ont été utilisés formats GIF et PNG en mode normal et entrelacé, et dans les images de format JPEG stockées avec un indicateur de qualité (sur l'échelle Adobe Photoshop), égale à 7. Dans le même temps, de petits bruits ont été observés sur toutes les images (en particulier sur les limites des objets). Comparez les tailles des fichiers reçus.

Tableau 2.1.Tailles de fichiers reçus après la préservation des images de test dans divers formats, KB

Ce tableau vous permet de juger de la portée optimale d'utilisation de chacun des formats. Comme on peut le voir, les formats GIF et PNG donnent des gains explicites tout en maintenant des dessins avec un petit nombre de couleurs et de grandes zones monophoniques (circuits, diagrammes). Et GIF fournit une compression légèrement meilleure. Étant donné que les algorithmes de compression utilisés dans ces formats n'interfèrent pas avec l'image, vous ne pouvez pas craindre que de petits détails du schéma soient perdus ou déformés. Images interlace, bien qu'ils soient plus visuels pour l'utilisateur, prennent plus d'espace que non entrelacé. Pour économiser des images en couleur la meilleure façon Qui convient format JPEG. Bien qu'il contribue une certaine distorsion dans le dessin, sélectionner le degré de compression, vous pouvez les réduire à un niveau acceptable. Ces fichiers de format sont dans ce cas la taille la plus petite pour toutes les images, à l'exception du schéma. Lorsque vous enregistrez de tels dessins, GIF et PNG ont montré les meilleurs résultats.

Comparez également l'efficacité de l'utilisation de divers filtres utilisés dans le format PNG.

Les filtres ont été testés sur les exemples d'échantillons (Fig. 2.13, A) et des photos avec de petites pièces (Fig. 2.13, B). Pour le schéma, l'utilisation de filtres n'a pas donné une victoire de la taille du fichier et, même au contraire, a entraîné une augmentation de 0,5-1 Ko. Dans le même temps, pour la photo "profil", les fichiers se sont avérés plus petits que "non filtrés". Pour les images avec 16 millions de collaures, les gains s'élevaient à environ 10%. Dans le même temps, les images avec 256 couleurs sur l'utilisation du filtre ne réagissent pratiquement pas.

Mettre fin à la conversation sur le format PNG, on peut dire que, même si elle est passée de grandes opportunités, la plupart d'entre elles dans actuellement Non mis en œuvre dans les navigateurs. Cela empêche sa croissance de la popularité. Après avoir introduit son soutien complet, ce format peut prendre un lieu digne des "outils" du concepteur Web.